【问题标题】:ie6 Showing Image(.PNG) background-color for a transparent backgroundie6 显示透明背景的图像(.PNG)背景颜色
【发布时间】:2023-04-10 07:59:01
【问题描述】:

大家好,我有一个图像在 IE6 上显示背景颜色的问题,它应该是透明背景。除 IE6 外,在所有其他浏览器上都显示良好。

谁能告诉我我做错了什么。尝试将不透明度设为 0,但仍显示背景颜色。

【问题讨论】:

  • 人们对IE6还这么无知吗? -叹息-
  • IE6 SP3 是微软目前支持的最后一个 IE6 版本,将持续到 2014 年。我个人只支持向后直到 IE7。但是,当然,您是来寻求答案的。所以我为我的题外话道歉。
  • 将您的PNG转换为GIF并将alpha值设为0

标签: html css png transparency internet-explorer-6


【解决方案1】:

修复很简单。无需包含任何 JavaScript。像这样定义您的 css 并将您的图像名称包含在过滤器中。

.whatever {
    background: none; /* Hide the current background image so you can replace it with the filter*/
    width: 500px; /* Must specify width */
    height: 176px; /* Must specify height */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='vehicles.png');
}

【讨论】:

  • 谢谢哥们,非常感谢。
  • 嘿侯赛因,我已经实现了修复,但似乎 height 属性正在增加整个 DIV 并推动其他元素,我试图清除:两者,行高,但是它给出了 DIV 高度而不是图像高度。如果有什么我可以做的只是设置图像高度而不是 DIV,你能告诉我吗?
  • 您必须指定您的 div 高度,该高度具有我上面提到的任何类。 image.png 只是一个背景,会占用 div 的高度。
【解决方案2】:

IE6 不支持半透明 PNG。如果您确实需要,请尝试这样的解决方法:

http://css-tricks.com/snippets/css/png-hack-for-ie-6/http://www.jay-han.com/2008/10/15/unit-png-fix-best-ie-png-hack/

或者干脆放弃 IE6,它远远落后于所有其他浏览器,并且正在迅速失去市场。

【讨论】:

  • 我希望我能反刍,但这个项目不是供我个人使用的,它是为客户使用的,如果是我自己的,我会忽略 IE6。
  • @Donald,别担心!是的,我敢肯定你宁愿把它排除在外:)
【解决方案3】:

IE6 不正确支持透明 PNG。

This page 有一个涉及行为文件的修复程序。或者,您可以使用 GIF。

【讨论】:

    猜你喜欢
    • 2018-02-23
    • 1970-01-01
    • 1970-01-01
    • 2021-07-02
    • 1970-01-01
    • 2013-09-26
    • 1970-01-01
    • 2018-10-31
    • 2017-08-11
    相关资源
    最近更新 更多