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

IE6背景透明background-repeat无效

    博客分类：
  • css
ie6png透明background-repeat无效 
阅读更多
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的。

分享到：
| apache+svn配置,passwd文件需另配
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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()`来修复文本垂直居中的问题： ```...

Magicbox
Global site tag (gtag.js) - Google Analytics