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

border在IE6设置transparent无效

UI 
阅读更多

在CSS中 定义

 

border:1px solid transparent;

 

在IE6下是无效的,IE以上版本都是ok的,firefox也是ok的,要在IE6下也有此效果 ,用如下样式替代:

_border-color:tomato; /*For IE6-*/
_filter:chroma(color=tomato);/*For IE6-*/ 

 原理是先给border定义一个颜色,然后再把这个颜色过滤掉。

 

一般要给border设置一个透明的边框,都是为了要撑位置,不然直接设置 border:0px 即可。

分享到:
评论

相关推荐

    IE里button设置border:none属性无效解决方法

    通常,`border:none` 应该等同于`border-width:0`, `border-style:none`, 和 `border-color:transparent`,但在IE6和IE7中,它仅仅相当于`border-style:none`。这意味着即使边框样式被清除,边框所占用的空间仍然...

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

    在IE6中,`height:100%`可能无效,但通过设置`position:absolute;`可以解决这个问题,不过仅限于IE7、FF等浏览器。为了解决这个问题,我们可能需要使用CSS Hack。例如,`\9`用于IE6、7、8,`\0`仅适用于IE8,`*`和`*...

    ie8-select滚动条

    在IE8浏览器中,"ie8-select滚动条"是一个与网页设计和开发相关的技术问题,主要涉及到CSS样式、JavaScript以及浏览器兼容性。在IE8及其以下版本,原生的HTML `<select>` 元素的滚动条样式无法通过CSS直接自定义,这...

    css气泡框实现方法css气泡框实现方法

    然而,在IE6浏览器中,透明的属性值`transparent`无效,此时可以将`border-style`设置为`dashed`,这样在IE6下可以达到透明效果。 一旦三角形制作完成,接下来就是将其定位到矩形框上。使用CSS的绝对定位`position:...

    JavaScript Table行定位效果

    其中空值在设置collapse之后会比较麻烦,在ie6/ie7中测试: Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> .t{width:100...

    用css截取字符的几种方法详解(css排版隐藏溢出文本).pdf

    优点是内容可以是任何HTML元素,而且在IE6中会自动显示省略号。然而,这种方法的缺点是需要指定固定的宽度,宽度不能使用百分比,因为IE浏览器会将其解释为字符总长度的百分比。 **方法二:使用`<input>`标签** ...

    关于学习DIV CSS的一些精妙问答

    若要使一个层(div)覆盖在FLASH之上,需要在FLASH对象的参数中设置`wmode`为`transparent`,这样层就能正确地覆盖在FLASH之上。 7. **层的垂直居中**: 实现层在浏览器中垂直居中的常见方法是使用绝对定位。CSS...

    .clear方法解决网页自适应高度的问题

    然而,IE不识别`transparent`,所以我们设置`border-top:0;`和`margin-top:0;`,在IE中隐藏边框,但不影响清除浮动的效果。 总的来说,.clear方法结合巧妙的CSS hack,如透明边框和负外边距,可以在跨浏览器环境下...

    详解如何自定义CSS滚动条的样式

    Webkit内核浏览器支持的伪类选择器在IE浏览器中是无效的,而IE特有的滚动条样式属性在Webkit内核浏览器中也不起作用。因此,设计师在实际应用中需要针对不同的浏览器使用不同的实现方法,并进行测试以确保效果的兼容...

Global site tag (gtag.js) - Google Analytics