`
wangsir_81
  • 浏览: 20857 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

兼容Ie阴影效果的CSS

 
阅读更多

/* 阴影效果 */
.shadow {
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#b9b9b9'); /*ie9-*/
box-shadow:3px 3px 3px #b9b9b9; /*ie9+*/
-webkit-box-shadow:3px 3px 3px #b9b9b9; /*火狐*/
-moz-box-shadow:3px 3px 3px #b9b9b9;  /*谷歌*/
background:#ddd; }

 

前端调用

<li onmousemove="$(this).addClass('shadow')" onmouseout="$(this).removeClass('shadow')">

分享到:
评论

相关推荐

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

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

    CSS3实现圆角阴影渐变效果兼容IE等浏览器

    接下来是CSS3的阴影效果。`box-shadow`属性用于给元素添加阴影,它包括水平偏移、垂直偏移、模糊半径、阴影扩展距离和颜色。一个简单的例子是: ```css .box { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); } ```...

    IE兼容CSS3

    在网页设计领域,CSS3(层叠样式表第三版)引入了许多令人兴奋的新特性,如阴影、渐变、动画、多列布局等,极大地提升了网页的视觉效果和用户体验。然而,由于历史原因,尤其是较旧版本的Internet Explorer(IE)...

    解决IE不兼容css3圆角和阴影问题

    对于阴影,可以创建带有阴影效果的图片,然后作为元素的背景。 4. 使用条件注释:在HTML中,可以使用IE特有的条件注释来加载专门为IE编写的CSS,这样可以为IE提供单独的样式表,其中包含解决圆角和阴影的替代方案。...

    CSS兼容IE8代码

    "CSS兼容IE8代码"是指针对IE8浏览器进行优化的CSS(层叠样式表)代码,以确保在IE8中能够正常显示和运行网页设计。在IE8中,由于其对CSS2.1标准的支持不完整,以及特有的盒模型、滤镜等特性,常常会导致现代网页设计...

    IE6, IE7, IE8 CSS 兼容速查表

    9. **CSS3属性兼容**:IE8及以下版本对CSS3新特性支持有限,如圆角、阴影、渐变等,需要借助于JavaScript库(如Modernizr)或渐进增强策略来实现。 10. **CSS Expression**:IE6和7支持CSS表达式,但这种动态计算...

    让ie兼容css选择器

    总之,ie7.js、ie8.js和ie9.js是开发者解决IE浏览器CSS兼容性问题的重要工具,它们通过JavaScript模拟现代CSS选择器的功能,使得在旧版IE中也能呈现出丰富的样式效果。然而,随着技术的进步,使用这些库的同时,也要...

    ie8兼容h5css3解决方案

    在IT行业中,尤其是在Web开发领域,浏览器...然而,随着技术的发展,越来越多的用户和企业已经转向了现代浏览器,对于新项目,建议优先考虑支持现代标准,对于仍需兼容IE8的项目,则需结合这些兼容性解决方案进行适配。

    css兼容包-CSS圆角、阴影

    "阴影"在CSS中是指`box-shadow`属性,它可以为元素添加一个或多个阴影效果,增加视觉深度感。这个属性包含多个值,如阴影的水平偏移、垂直偏移、模糊半径、扩展半径以及颜色。然而,IE9之前的版本对`box-shadow`的...

    select2兼容ie8版本的js css zh-cn.js

    jQuery 1.x系列(1.9以上)是兼容IE8的,但注意避免使用1.13及更高版本,因为它们不再支持IE8。 2. **CSS前缀**:IE8不支持CSS3的一些特性,如`border-radius`和`box-shadow`,需要添加相应的 `-ms-` 前缀。同时,...

    ie-css3.htc 免费版

    2. **box-shadow**:此属性用于添加阴影效果,ie-css3.htc通过动态创建内联SVG元素并应用样式来实现,虽然可能无法实现所有CSS3阴影的复杂性,但足以提供基本的阴影效果。 3. **linear-gradient**:线性渐变是CSS3...

    bootstrop兼容IE8的代码

    因此,"bootstrop兼容IE8的代码"是为了满足这样的需求而产生的。 要使Bootstrap兼容IE8,主要涉及以下几个关键点: 1. **HTML5 doctype**:确保页面使用`&lt;!DOCTYPE html&gt;`声明,这将触发IE8的“标准模式”,而非...

    好看的CSS按钮(兼容IE6)

    "好看的CSS按钮(兼容IE6)"这个主题聚焦于创建既美观又能在老旧浏览器,如Internet Explorer 6(简称IE6),中正常显示的CSS按钮。IE6尽管已经过时,但在某些环境下可能仍需支持。下面我们将深入探讨如何利用CSS实现...

    IEtest 5-8 css样式兼容

    4. CSS3新特性:如渐变、阴影、圆角等在IE5-8中不支持,可以使用专为IE提供的滤镜(如`progid:DXImageTransform.Microsoft.gradient`)或者CSS精灵图来实现类似效果。 5. 字体和文本:IE对某些CSS文本属性的支持...

    ie8兼容html5 css3圆角阴影渐变placeholder等属性

    - 阴影(box-shadow):`box-shadow`属性允许我们为元素添加阴影效果。在IE8中,可以使用CSS3 PIE或类似工具实现此功能。 - 渐变(gradient):CSS3提供了线性渐变(linear-gradient)和径向渐变(radial-gradient...

    ie6下可以用的css3

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

    让IE8以下兼容HTML5标签和CSS3高级选择器

    此外,为了让CSS3的其他特性在IE8上工作,例如渐变、阴影、动画等,可能需要借助于诸如CSS3 Pie这样的JavaScript库。CSS3 Pie能模拟一些CSS3的视觉效果,如边框半径、盒阴影等。在页面头部引入以下代码: ```html ...

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

    描述中提到的“ie-css3(让ie678支持css3).rar”进一步确认了这个压缩包的目标是解决旧版IE对CSS3不兼容的问题。.rar文件格式是一种常见的压缩格式,用户需要解压后才能访问内部文件。 标签“css”和“ie”指出了这...

    iecss3.htc支持输入框圆角

    总的来说,"iecss3.htc"是一个针对旧版IE浏览器实现CSS3圆角的兼容性解决方案,虽然现在其重要性已不如从前,但在处理老项目或照顾到仍然使用旧版IE的用户时,它仍是一个有价值的工具。然而,随着技术的进步,我们...

    ie支持css3部分功能

    首先,让我们关注阴影效果。CSS3中的box-shadow属性允许开发者为元素添加阴影,提升其立体感。在非IE浏览器中,可以简单地使用如下的语法: ```css element { box-shadow: h-offset v-offset blur-radius spread-...

Global site tag (gtag.js) - Google Analytics