`
yw8886484
  • 浏览: 1095 次
文章分类
社区版块
存档分类
最新评论

让 IE6, 7和 8支持CSS3

阅读更多
让 IE6, 7和 8支持CSS3
IE6,7并不支持CSS3的属性,IE8也不能很好的支持CSS3。但是有一个小脚本能够做到,它可以让IE支持CSS3,包括:border-radius (rounded), box-shadow ( shadow), text-shadow等……

如果你需要一个支持CSS3 的box content,你需要添加一行代码:

behavior: url(ie-css3.htc);

代码:

.box {

   -moz-border-radius: 15px; /* Firefox */

   -webkit-border-radius: 15px; /* Safari and Chrome */

   border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

   -moz-box-shadow: 10px 10px 20px #000; /* Firefox */

   -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */

   box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */


   behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */

}
分享到:
评论

相关推荐

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

    下面我们将详细探讨如何让这些旧版IE支持CSS3的圆角和阴影样式。 首先,让我们来了解CSS3中的圆角和阴影效果。在CSS3中,`border-radius`属性用于创建圆角效果,它可以分别设置四个角的圆角半径,或者用简写形式一...

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

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

    ie-css3(让ie6 ie7 ue8支持css3).rar

    标题中的“ie-css3(让ie6 ie7 ue8支持css3).rar”指的是一个针对Internet Explorer(IE)浏览器的解决方案,尤其是版本6、7和8,这些版本不原生支持CSS3的新特性。这个压缩包包含了一个名为“ie-css3(让ie678支持css...

    ie 6 ie7 ie8 支持css3

    标题中的“ie 6 ie7 ie8 支持css3”指的是如何使老旧的Internet Explorer(IE)浏览器,包括版本6、7和8,能够支持CSS3的新特性。CSS3是层叠样式表的第三个主要版本,引入了大量增强网页设计的新功能,如圆角、阴影...

    让IE7 IE8支持标准CSS2.1

    让IE7 IE8 完全支持CSS2.1和部分CSS3标准。

    让IE6、7 、8支持CSS3新特性插件

    标题中的“让IE6、7、8支持CSS3新特性插件”指的是针对早期版本的Internet Explorer(IE6、IE7、IE8)的一种解决方案,这些浏览器不原生支持CSS3的新特性。CSS3是层叠样式表的第三个主要版本,引入了许多增强网页...

    让IE8和IE9支持Html5和Css3

    标题"让IE8和IE9支持Html5和Css3"指的是一个目标,即如何在不支持新特性的旧版IE浏览器上实现Html5和Css3功能。这个压缩包提供了一些关键的JavaScript库,帮助解决这个问题。 首先,`css3-mediaqueries.js`是针对IE...

    IE 6 7 8 支持CSS3

    综上所述,要让IE6、7、8支持CSS3,开发者需要结合使用各种技术,包括CSS3前缀、条件注释、JavaScript库、滤镜、图片精灵等,以及利用第三方工具和库,以实现最佳的兼容性效果。同时,也要考虑到性能和用户体验,...

    让ie6,7,8支持canvas,css3等主流html5技术

    由于IE6、7、8对CSS3支持不足,开发者可以使用渐进增强的策略,为支持CSS3的现代浏览器编写样式,同时为旧版IE提供降级样式。也可以使用Autoprefixer自动添加浏览器前缀,或者使用像Modernizr这样的库来检测浏览器...

    ie6 7 支持css3 圆角

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

    IE6, IE7, IE8 CSS 兼容速查表

    10. **CSS Expression**:IE6和7支持CSS表达式,但这种动态计算属性的性能较差,应尽量避免使用。 以上只是部分兼容性问题的概述,完整的速查表将包含更多细节,如每个CSS属性在不同IE版本中的表现、解决方法以及...

    让IE中支持css3.0效果

    让IE6,IE7,IE8支持CSS3效果,有一个思路就是利用 VML 模拟。 VML是The Vector Markup Language(矢量可标记语言),原本是微软自己开发的东西,很强大。 也就是说,IE下面,可以用 VML做出圆角 。半透明、阴影 、...

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

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

    针对firefox ie6 ie7 ie8的css样式hack

    在进行Web开发的过程中,我们经常会遇到浏览器兼容性问题,尤其是早期的Internet Explorer(IE)版本如IE6、IE7和IE8与现代浏览器如Firefox之间的差异。为了确保网站能够在不同浏览器下正常显示,开发者需要使用特定...

    ie6下可以用的css3

    通过使用CSS3 Pie,开发者可以在IE6、IE7和IE8等不完全支持CSS3的浏览器中实现如圆角、阴影、渐变和多边形等效果。 标签“css3”代表了层叠样式表的第三版,这是Web设计领域的一个关键标准,提供了丰富的样式和布局...

    让IE兼容CSS3

    渐进增强(Progressive Enhancement)意味着先为所有浏览器编写基础的HTML和CSS,然后为支持CSS3的浏览器添加额外的样式和功能。优雅降级(Graceful Degradation)则是相反的过程,首先为最新版的浏览器设计,然后...

    兼容IE8插件(兼容h5+css3新特性)

    这是一个对IE8及以下做前端兼容的文件工具...--对于ie6到ie8做兼容,兼容h5,css3等新特性--> <!--[if (gte IE 6)&(lte IE 8)]> [removed][removed] [removed][removed] [removed][removed] <![endif]-->

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...

Global site tag (gtag.js) - Google Analytics