`
chembo
  • 浏览: 946859 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

IE6背景透明background-repeat无效

    博客分类:
  • css
阅读更多
IE6下使图片背景透明很多方法,最经典莫过于那个png.js,但是有一个弊端是它不支持background-repeat,解决这个办法很简单,直接在需要透明的地方加上:
style="background:url(../images/prompt_bottomr_c.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale',src='../images/prompt_bottomr_c.png');"

其中background是给其它浏览器的,_background和_filter是给IE6的。

分享到:
评论

相关推荐

    IE6 PNG图片透明

    然而,IE6(Internet Explorer 6)浏览器在处理PNG图像时存在一个问题:不支持PNG的背景透明,这导致PNG图像在IE6下显示为灰色背景,影响了网页设计的整体效果。本文将详细介绍这个问题并提出解决方案。 1. CSS ...

    CSS3.0课堂讲义.docx

    6. **多个背景图像**:通过逗号分隔可以叠加多个背景图像,每个图像有自己的`background-position`和`background-repeat`属性,图像按照声明的顺序从下往上叠放。 7. **线性渐变**:使用`linear-gradient`创建线性...

    IE6PNG:解决IE6不支持PNG的方法搜集

    IE6 PNG透明方案搜集“珍惜生命,远离IE6”,IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放弃了很多很炫的效果,...

    CSS BUG解决方法以及CSS BUG类的小技巧

    通过将文本隐藏并用背景图片替代,如:`h1 { background: url(heading-image.gif) no-repeat; } h1 span { position: absolute; text-indent: -5000px; }` 这样,在开启CSS时,用户看到的是图片,关闭CSS时,屏幕...

    css中url的路径含义

    background-repeat: repeat-x; background-position: top; } ``` 在这个例子中,`url(../images/mainheader_top_bj.gif)`是一个相对路径,它相对于当前CSS文件(这里是`a1.css`)。如果CSS文件和HTML文件不在...

    CSS透明属性详解代码

    `这个代码片段专为IE6设计,其中`opacity`参数的值范围是0到100,0代表完全透明,100代表完全不透明。 此外,老版本的Mozilla浏览器(如Firefox 1.x和更早版本)需要`-moz-opacity`属性,而老版本的Safari和...

    CSS属性编写顺序及命名规范

    5. **避免使用下划线**:在CSS选择器中不建议使用下划线(`_`),原因是输入时节省按键次数,以及解决浏览器兼容问题(例如,在IE6中,带下划线的选择器可能无效),同时便于与JavaScript变量名区分。 #### 三、CSS...

    Firefox专属hack的写法介绍

    background: url(../images/defaultmallsearchbt.gif) no-repeat; cursor: pointer; } ``` 在Firefox中,由于`line-height`不起作用,我们可以使用`@-moz-document url-prefix()`来修复文本垂直居中的问题: ```...

Global site tag (gtag.js) - Google Analytics