背景图像在Opera和Chrome出现在前景图像的顶部

StackOverflow https://stackoverflow.com/questions/2400884

  •  18-09-2019
  •  | 
  •  

题

我已经与背景图像的小跨度。此背景图片滚动下面前景图像。虽然这工作完全在IE和FF，它不能在Opera和Chrome浏览器。

我已经把我的例子这里。请参阅用4个小矩形块。

请建议的解决方案。

有帮助吗？

解决方案

您需要display:block添加到您的跨度。 

<span style="display:block; background: url(&quot;/resources/images/strength_bgr.gif&quot;) no-repeat scroll 0pt -20px transparent;">
  <img alt="test" src="/resources/images/strength.gif">
</span>

内联元件不具有的高度或宽度，以便被显示，而不是通过图像尺寸被裁剪整个背景。

评论后修改

你有什么不能的背景图像应用到img标签本身的原因吗？这将是更加一致的跨浏览器。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top