我有一个带有背景图像的小跨度。此背景图像在前景图像下方滚动。虽然这在 IE 和 FF 中完美运行，但它在 Opera 和 chrome 中不起作用。
我把我的例子放在这里。请查看带有 4 个小矩形的块。
请提出解决方案。
问问题
1104 次
1 回答
1
您需要添加display:block到您的跨度。
<span style="display:block; background: url("/resources/images/strength_bgr.gif") no-repeat scroll 0pt -20px transparent;">
<img alt="test" src="/resources/images/strength.gif">
</span>
内联元素没有高度或宽度，因此整个背景被显示而不是被图像大小裁剪。
评论后编辑
有什么理由不能将背景图像应用于 img 标签本身？那将是更一致的跨浏览器。
于 2010-03-08T13:54:19.240 回答