`
chembo
  • 浏览: 940761 次
  • 性别: 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的。

分享到:
评论

相关推荐

    background-repeat 的学习.zip

    CSS3引入了一些新的背景和边框属性,例如`background-origin`和`background-clip`,它们可以与`background-repeat`结合,提供更多背景显示的控制选项。例如,`background-origin`可以改变背景图像的位置参考点,`...

    css3实现一个div设置多张背景图片及background-image属性实例演示

    在兼容性方面,虽然CSS3的`background-image`和渐变功能在现代浏览器中得到了广泛支持,但旧版的Internet Explorer(尤其是IE8及更低版本)并不支持这些特性。为了确保跨浏览器的兼容性,开发者可能需要使用渐变的...

    前端开源库-css-background-video

    在CSS中,我们使用`background`属性或者其子属性(如`background-image`、`background-size`、`background-position`、`background-repeat`)来设置背景视频。其中,`background-size`用于控制视频的大小,`...

    background-removal-js

    Background Removal JS 是一个使用 JavaScript 实现的背景去除库或工具。...background-removal-js is a JavaScript library that allows developers to remove the background from images directly in the

    background-position 的学习.zip

    在实际应用中,`background-position`常与`background-repeat`和`background-size`一起使用,实现更复杂的背景图像布局。例如,创建平铺背景时,可以设定`background-repeat: repeat;`,然后通过`background-...

    CSS中背景background-position负值定位

    CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位 CSS中背景background-position负值定位

    CSS中背景图片定位方法:background-position的用法

    `background-position`属性是实现这一目标的关键,它允许我们通过坐标系统来调整背景图像相对于元素的位置。下面我们将详细探讨`background-position`的用法及其背后的算法。 首先,`background-position`属性可以...

    关于背景图片的定位(background-position)

    最后,文章可能会提醒开发者,`background-position`与`background-size`、`background-repeat`、`background-origin`和`background-clip`等属性结合使用时,能创造出更多复杂的背景图像效果。这些属性的组合使用...

    批量输出 CSS background-position 属性的定位像素值

    在CSS中,`background-position`属性是一个非常重要的部分,它控制着背景图像在元素内的位置。这个属性允许我们精确地定位背景图像,从而实现各种视觉效果。 批量输出`background-position`属性的定位像素值通常是...

    IE6 PNG 透明

    我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e-xpression, 再到javascript透明GIF替代.但是这些方法都有一个...

    个人CSS设计兼容性问题总结教程

    此外,为了确保背景图片正确显示,我们需要精确设置`width`和`height`,并且对于IE6,要设置`background-color:transparent;`以避免背景色覆盖背景图片。需要注意的是,修复PNG透明度问题时,使用`background-...

    layui弹出层样式修改,使用css的background属性设置多个背景图附件

    因此,对于这类情况,可以使用`background-image`, `background-repeat`, `background-position`等单独的属性进行逐步增强,以确保较旧浏览器也能正常显示。 最后,提到的"theme"可能指的是layui的主题系统。layui...

    CSS 背景全攻略

    4. `background-repeat`:决定背景图像是否以及如何重复。可能的值包括`repeat`(默认,水平和垂直重复)、`no-repeat`(不重复)、`repeat-x`(仅水平重复)和`repeat-y`(仅垂直重复)。例如: ```css ...

    CSS里的no-repeat是什么意思通俗易懂的理解

    一般情况下,如果不设置background-repeat属性,或者设置为默认值repeat,背景图片将会在元素的水平和垂直方向上平铺,直到填满整个元素。这在很多情况下是需要的,比如为了达到某种视觉效果,如拼贴背景。 然而,...

    HTML5一笔连珠小游戏.zip

    background-repeat: no-repeat no-repeat; "><div></div>; top: 340px; left: 50%; width: 119px; height: 44px; margin-left: -59px; background-image: url(image/start.png); background-attachment: initial; ...

    背景不随滚动条动

    在这个例子中,`background-repeat`被设置为`repeat-y`,意味着背景图像仅在垂直方向上重复。其他可选值包括`repeat-x`(水平重复)和`no-repeat`(不重复)。 通过上述介绍和示例代码,我们可以看到CSS提供了丰富...

    vue的style绑定background-image的方式和其他变量数据的区别详解

    在绑定样式时,对于背景图片background-image的处理和其他样式属性如背景重复background-repeat、背景位置background-position、背景大小background-size等有所不同。这主要是因为background-image接受一个URL字符串...

    IE下background背景图片无法显示问题解决方法

    在做下拉框select的时候用一个箭头符号,作为下拉框的三角,在firefox和chrome下均可以正常显示,但是在IE下无法显示。 查找了很久,发现是图片格式问题,把png格式的... background:url(images/arrow.gif) no-repeat 1

    background-attachment 的学习.zip

    在实际开发中,`background-attachment`常常与其他CSS属性如`background-image`、`background-repeat`、`background-position`和`background-size`一起使用,以实现更复杂的背景设计。例如,结合`background-size: ...

Global site tag (gtag.js) - Google Analytics