我有一个数据列表,其中包含包含图像的锚点。在图像悬停时,它们应该用某种颜色着色。所以我有它,以便图像在悬停时改变不透明度并将色调颜色添加为容器锚的背景颜色。当然,我必须将锚点更改为 display:block 才能做到这一点。我就是这样做的,但是锚的容器太宽了,我不想让锚背景显示在可以不同大小的图像旁边。所以我想出了这个 Jquery,它在每个浏览器中都能完美运行,但 IE 除外。我试过IE6-10。Chrome 和 Firefox 运行良好。
jQuery(document).ready(function(){
if(jQuery(".posters").length>0){
jQuery(".posters img").bind('load', function() {
var anchor = jQuery(this).parent('a');
var image = jQuery(this);
var imageWidth = image.width();
var imageHeight = image.height();
anchor.css({
"background": "#767676",
"display": "block",
"width": imageWidth+"px",
"height": imageHeight+"px"
})
});
};
});
你能帮助我吗?