`
squll369
  • 浏览: 108362 次
  • 性别: 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 即可。

分享到:
评论

相关推荐

    让IE6也识别CSS3-圆角效果应用border-radius

    然而,对于那些仍在使用较旧浏览器,尤其是Internet Explorer 6(简称IE6)的用户来说,他们无法享受到CSS3带来的这些新特性。本篇文章将详细介绍如何通过一些技巧和方法,让IE6也能识别并应用CSS3的圆角效果。 `...

    IE6: border的transparent透明解决方案

    代码如下: 复制代码代码如下: border:solid 1px transparent; _border-color:tomato; _filter:chroma(color=tomato);... 对IE6,先设置border-color为某种不常用的颜色,然后用IE特有的css滤镜使该颜色为透明。

    ie6 ie7 ff浏览器兼容

    不同浏览器对CSS的支持程度不一,尤其是对于早期版本的Internet Explorer(IE)如IE6、IE7,以及Firefox等浏览器,在处理某些CSS属性时会有所差异。本文将详细介绍如何通过特定的CSS技巧来实现这些浏览器之间的兼容...

    border-radius兼容ie78

    关于压缩包中的文件`border-radius兼容ie678`,这可能包含了一个完整的示例,用于演示如何在实际项目中应用CSS3 Pie来实现`border-radius`在IE6、7、8的兼容性。文件可能包括HTML、CSS和JavaScript代码,以及必要的...

    IE6、IE7、IE8对css和js支持方面差异的研究

    在探讨IE6、IE7、IE8对CSS和JavaScript支持的差异时,我们可以发现一系列显著的兼容性问题和解析规则的变化。以下是对这些差异的详细分析: 1. **JavaScript性能和垃圾收集**: - 在IE6中,JScript引擎在处理大量...

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

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

    引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果

    然而,这个特性在早期的Internet Explorer浏览器,如IE7和IE8,并不被支持。为了解决这个问题,开发者们发明了一种名为PIE ( Positioned Inline Element ) 的技术,它通过一个名为`.htc`(HTML Component)的文件来...

    让IE6、IE7、IE8支持CSS3的圆角、阴影样式

    在早期的Internet Explorer浏览器,即IE6、IE7和IE8,它们并不支持CSS3的一些新特性,如圆角和阴影效果。这些特性在现代浏览器中已经非常常见,可以为网页设计提供更丰富的视觉体验。为了让这些老版本的IE浏览器也能...

    ie6实现css3属性

    具体到“ie6圆角”这个标签,我们知道CSS3中的border-radius属性可以为元素添加圆角,但在IE6中并不支持。为了解决这个问题,开发者可以使用专门针对IE6的解决方案,如使用JavaScript库(如jQuery corner插件)或者...

    IE6 -- IE8浏览器CSS兼容性查询手册【gif格式】

    `在IE6中无效,需要使用技巧如`expression`脚本或JavaScript替代。 6. CSS3新特性:IE6-8对CSS3的新特性如圆角(border-radius)、阴影(box-shadow)、渐变(gradients)和过渡(transitions)都不支持。开发者...

    CSS的下拉菜单,支持IE6 IE7 Firefox

    - 在IE6中,使用了`<table>`元素作为嵌套容器,以解决某些布局问题。 - 在IE7中,则直接使用了正常的HTML结构。 #### 总结 本文介绍了一个兼容IE6、IE7及Firefox浏览器的纯CSS下拉菜单实现方案。通过合理的CSS...

    ie6,ie7兼容性总结

    **问题描述**:在IE6中,如果上下两个`div`,上面的`div`设置了背景色,却发现下面未设置背景色的`div`也继承了背景色,这就是所谓的背景吞吃现象。 **解决方案**:使用`zoom:1`属性。 ##### 7. 注释产生的Bug **...

    CSS 学习 三角 border transparent 下拉框

    标题中的“CSS学习 三角 border transparent 下拉框”是指在CSS样式设计中,如何利用边框(border)的透明属性创建三角形以及在下拉框(drop-down list)中应用这一技巧。在网页设计中,三角形通常用于指示箭头或方向,...

    网页排版IE6兼容性问题修改方法

    为了确保元素尺寸与预期一致,可以使用`box-sizing:border-box`属性(但该属性在IE6中不支持,需要使用`* html`或`_width`等hack技巧)。 3. **PNG透明度支持** IE6不支持PNG24位的透明效果,但可以通过CSS滤镜(`...

    IE6-IE11兼容性问题列表及解决办法

    在互联网技术快速发展的今天,IE浏览器的版本迭代也经历了从早期的IE6到较新的IE11。然而,由于各种历史原因,不同版本的IE浏览器存在不少兼容性问题,这给开发者带来了诸多困扰。本文将深入探讨IE6到IE11的兼容性...

    ie6 7 支持css3 圆角

    在标题"ie6 7 支持css3 圆角"中,提到的问题是如何在这些老版本的IE浏览器中实现CSS3的圆角效果。 描述中提到的是一种解决方案,即使用插件来实现这一目标。这种插件通常是一个JavaScript或HTC(HTML组件)文件,...

    支持IE6,IE7,IE8矩形圆角的实例

    在早期的Internet Explorer浏览器,即IE6、IE7和IE8,它们并不支持CSS3中的许多新特性,其中就包括了实现矩形元素圆角的方法。然而,开发者们通过一些技巧来模拟圆角效果,使得这些旧版IE浏览器也能呈现出类似的效果...

    兼容IE6的遮罩层

    在早期的Web开发中,IE6浏览器由于其市场份额和用户需求,经常需要特别考虑兼容性问题。"兼容IE6的遮罩层"是一个常见的技术挑战,涉及到网页元素的层叠上下文、透明度处理和CSS hack等知识点。下面将详细阐述这些...

Global site tag (gtag.js) - Google Analytics