所以我的项目中有一个个人资料图片,我想给它加上一个绿色的边框。但是每次重新加载页面时,图片会短暂消失,但边框仍然存在。我想问一下是否有办法,也许可以使用JavaScript在css中移除边框元素,如果图片尚未加载。
这是我的HTML代码:
<img src="somepic.png" id="user_img" class="user_img">
这是我的 CSS:
.user_img{
border: 2px solid rgb(136, 186, 60);
}
我已经尝试使用jQuery:
if(!$("#user_img").complete){
$("#user_img").removeClass("user_img")
}
但这并不真正实现动态效果,所以边框将永远消失。是否有办法在重新加载时进行检查,并仅在图像完全加载后添加边框?
load
事件触发时,_添加_边框。 - CBroe