在 IE6 中将 CSS 图像替换为 png
我正在寻求有关如何更改 CSS 创建的图像的帮助，
这是一个位于 IE6 中的图像标题中的信息图标。该图像是 .png
<h1>header title<\h1><a href="#" id="info-icon"><span>i</span></a>
当前 CSS 图像图标绝对位于相对标题之外。也许应该浮动？
我只是不确定使用什么编码逻辑来替换与 CSS 图像相同位置的 png 图像。是否涉及条件逻辑？
任何帮助将不胜感激。
道格
I am looking for help in how to change a CSS created image
It's a info icon that lives in a header to an image in IE6. The image is a .png
<h1>header title<\h1><a href="#" id="info-icon"><span>i</span></a>
Currently the CSS image icon is absolutely positioned off the relative header. Maybe it should be floated?
I'm just not sure what coding logic to use to replace the png image in same spot as the CSS image. Does it involve conditional logic?
Any help would be much appreciated.
Doug
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以做的是将图像放入该链接或范围内（无论您的“CSS 图像”定义在何处），然后使用条件 CSS 规则隐藏非 IE6 浏览器的图像。然而，使用条件 CSS 是一种不好的风格。您想要解决的一般问题是什么？为什么要在 IE 中使用 PNG 而在其他浏览器中使用背景图像？
What you can do is put your image inside that link or span (wherever your "CSS image" is defined) and then use conditional CSS rules to hide the image for non-IE6 browsers. However, it's bad style to use conditional CSS. What is the general problem you're trying to solve? Why do you want to use a PNG for IE but a background image for other browsers?