0 1

想要一个通用css滤镜效果,兼容所有浏览器5

附上代码,谢谢。。。
2013年8月20日 09:28

1个答案 按时间排序 按投票排序

0 0

没法做到全部,只能大部分
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

.sidebar-nav{
min-height:0;
box-shadow: 0 0 10px #BDBDBD;
-webkit-box-shadow: 0 0 10px #BDBDBD;
-moz-box-shadow: 0 0 10px #BDBDBD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)";

*filter:
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6);
margin-bottom: 0;
padding-bottom:0;
}

2013年8月20日 11:05

相关推荐

    CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器

    然而,不同的浏览器对CSS3渐变的支持程度各不相同,这使得实现跨浏览器的渐变背景成为一个挑战。本文将探讨如何在多种浏览器中实现兼容性的渐变背景效果,包括IE、Firefox、Chrome、Safari和Opera等。 1. **IE浏览...

    css滤镜兼容浏览器测试实例

    首先,我们来看一个基本的CSS滤镜实例: ```css .test { background: #000; color: white; width: 200px; position: absolute; left: 10px; top: 10px; filter: Alpha(opacity=10); -moz-opacity: .1; ...

    CSS hack浏览器兼容一览表

    }`: 类似于上一个,但更具体,只影响到IE7的第一个子元素。 3. **IE8及更高版本hack**: - `&lt;!--[if IE 8]&gt; ... &lt;![endif]--&gt;`: 这是条件注释,可以在HTML中直接针对IE8及更低版本应用样式,但不适用于HTML5文档...

    CSS滤镜

    【CSS滤镜】是CSS样式中的一个重要特性,用于对元素应用视觉效果,使其呈现出丰富多彩的多媒体样式。滤镜属性通过`filter`关键字定义,它的基本语法是`filter: filtername(parameters)`,其中`filtername`是滤镜类型...

    浏览器CSS方面兼容手册.txt

    ### 浏览器CSS兼容性手册 #### 一、引言 随着Web技术的发展与进步,前端开发人员在实现页面布局时,面临着多种浏览器及其版本的兼容性问题。特别是CSS属性在不同浏览器中的表现差异尤为突出。本文档旨在提供一份...

    前端不同浏览器兼容性解决办法

    可以封装一个通用的事件绑定函数,统一处理。 4. JSON支持:IE8及以上版本支持JSON,但早期版本需要通过JSON.parse和JSON.stringify的polyfill来实现。 三、HTML兼容性问题 1. HTML5新元素:IE9及以下不支持HTML5...

    浏览器兼容性汇总

    属性选择器(这个不能算是兼容,是隐藏css的一个bug) - **IE**: 可能不支持某些CSS3属性选择器。 - **Firefox等其他浏览器**: 通常支持。 **解决方案**: 使用更通用的选择器或者JavaScript来实现特定的功能。 ####...

    CSS兼容/CSS兼容方案整理

    这段代码首先添加一个空元素到容器后,并将其高度设为0,从而实现清除浮动的效果。 #### 3. 解决特定浏览器问题 除了以上提到的通用技巧外,还有一些针对特定浏览器的常见问题及其解决方案: - **FF与IE的宽度...

    JavaScript JS 滤镜

    CSS滤镜是CSS3的一个重要组成部分,它允许开发者使用标准的CSS语法来添加视觉效果。 - **基本语法**: ```css element { filter: effect(value); } ``` - **常见滤镜效果**: - **Blur (模糊)**:使元素模糊...

    CSS图片倒影效果兼容firefox、IE等各主流浏览器

    标题中的“CSS图片倒影效果兼容firefox、IE等各主流浏览器”是指利用CSS技术来创建一个图片的倒影效果,并确保这个效果能在Firefox、Internet Explorer(包括较旧版本)以及其他主流浏览器如Chrome中正常工作。...

    css在firefox IE的兼容性(案例分析及解决方案)

    Firefox和IE对CSS的理解和执行方式存在差异,导致某些样式在其中一个浏览器中表现正常,而在另一个浏览器中则可能出现偏差。本篇文章将深入探讨12个常见的CSS在Firefox和IE之间的兼容性问题,并提供相应的解决方案。...

    多浏览器之间的差异,赶快下载啊

    在IT行业中,尤其是在Web开发领域,浏览器兼容性问题是一个经常遇到的挑战。不同的浏览器,如Internet Explorer、Firefox、Chrome和Opera等,它们对JavaScript、CSS和HTML的解析和执行方式存在差异,导致开发者需要...

    CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法

    在探讨CSS样式兼容IE6、IE7、IE8与火狐浏览器的方法时,我们需深入理解不同浏览器对CSS的支持差异,以及如何通过特定的技术手段确保网页在这些浏览器中的一致性和美观性。以下是对这一主题的详细解析: ### 1. 了解...

    6种css帮助文档、手册(包括duv+css大全、样式源码、cssfilter、css2.0中文手册、Cascading Style Sheet 样式表中文手册)

    CSS滤镜(CSS Filters)是CSS3引入的一个特性,用于改变图像的视觉效果。包括模糊、灰度、饱和度调整、对比度增强、色调调整等。此文档可能详细介绍了如何使用这些滤镜,以及它们在不同浏览器下的兼容性情况。 4. ...

    网页制作滤镜代码文档

    这是一个用于HTML元素的CSS滤镜,它可以创建各种过渡效果,如滑动、溶解等,使得元素在页面上的显示方式更加动态。在HTML4时代,这种滤镜主要通过微软的Internet Explorer浏览器支持的滤镜属性实现,例如`filter:...

    Css学习资料

    这可能是一个通用的CSS参考手册,包含了从基础到高级的各类CSS知识,包括最新的CSS版本特性。 6. **Div+CSS 布局大全.pdf**: 这本书着重于使用Div元素结合CSS进行页面布局,讲解了如何创建复杂的网页结构,包括...

    IE5,IE6,IE7,IE8的css兼容性列表

    每个版本都有其独特的特性和对CSS(层叠样式表)的支持程度,这对于前端开发者来说是必须要了解的知识点。下面我们将详细探讨这些版本的CSS兼容性问题。 首先,让我们从IE5开始。这个版本发布于1999年,当时CSS1...

    FF和IE兼容性问题

    在网页设计领域,浏览器兼容性问题一直是一个棘手的话题,特别是涉及到CSS(Cascading Style Sheets)时。FF(Firefox)和IE(Internet Explorer)作为两大主流浏览器,它们对CSS的解析方式存在一定的差异,这使得...

    如何解决IE兼容性问题

    下面是一个简单的示例: ```css #item { width: 200px; height: 200px; background-color: red; filter: alpha(opacity=50); /* IE6 and IE7 */ opacity: 0.5; /* Modern browsers */ } ``` #### 结论 解决...

    The Art and Science of CSS

    - Bootstrap是一个流行的前端框架,提供了丰富的UI组件和布局工具。 - 它基于Flexbox布局,支持响应式设计,广泛应用于快速搭建Web应用界面。 - **自定义CSS框架的方法:** - 根据项目需求定制CSS框架,可以更好...

Global site tag (gtag.js) - Google Analytics