2

是否有 CSS hack/技术来获取<img>元素（没有其他标记）并隐藏图像的像素内容，同时仍将其显示为具有背景颜色和描边的元素？

例如，<img src="foo.jpg">在页面上取一个 32x32 纯色徽章。

虽然我对特定于浏览器的 hack（Webkit 是否具有填充效果？）或 CSS3 Awesomesauce（有image-content-opacity:0.0吗？）感兴趣，但我需要一个适用于 IE8+、FF4+ 等的解决方案。

如果您对此问题的动机感兴趣，请参阅此页面的编辑历史记录。它已被删除，因为它分散了用户的注意力，让他们试图找到解决该问题的解决方法，而不是回答这个问题。

4

2 回答 2

1

这是我上面的评论和notme的解决方案的摘录：

http://jsfiddle.net/ZUvHN/7/

我所做的是display:table-cell从 中删除a，然后将其设置为display: block

然后我设置img为display: none

这使您可以将边框和背景样式应用于a标签而不是img标签。您可能需要稍微调整边距和间距。

我不知道您是否可以选择，但通过 JavaScript 稍微调整 HTML 可能会更容易。

于 2012-06-05T16:49:45.223 回答
1

隐藏图像并使用填充纯色的背景。
这里的例子http://jsfiddle.net/notme/ZUvHN/6/

于 2012-06-05T00:09:18.330 回答