随笔分类 -  CSS样式

css 去除页面双击事件
摘要：-ms-touch-action: manipulation !important; 阅读全文
posted @ 2014-09-21 12:09 xyzhuzhou 阅读(371) 评论(0) 推荐(0)
filter IE滤镜（Internet Explorer）CSS
摘要：收集一些IE滤镜,留作之后开发用.透明度#myElement { opacity: .4; /* other browsers */ filter: progid: DXImageTransform.Microsoft.Alpha( opacity=40 ); /* IE6, IE7, and IE8 */ -ms-filter : "progid:DXImageTransform.Microsoft.Alpha( opacity=40 )"; /* IE8 only */ } PNG图片透明度.Transparent{_filter:progid:DXImageTra.. 阅读全文
posted @ 2013-11-26 16:46 xyzhuzhou 阅读(3933) 评论(0) 推荐(0)
if lte IE if gte IE 浏览器兼容
摘要：经常会看到网站页有if lte IE if gte IE 这类代码，起初不知道什么意思，今天仔细找报找，终于发现了作用啊，经过google,baidu的搜索。代码如下 IE6及其以下版本可见 IE7及其以下版本可见 ... 阅读全文
posted @ 2013-04-27 08:45 xyzhuzhou 阅读(410) 评论(0) 推荐(0)
CSS元素背景透明
摘要：1 var container = document.getElementById("map"); 2 3 container.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=50,finishOpacity=50)"; 4 container.style.opacity = "0.1"; 5 6 或者： 7 container.style.filter = "Alpha(Opacity=0, FinishOpacity=100, 阅读全文
posted @ 2013-04-11 21:29 xyzhuzhou 阅读(536) 评论(0) 推荐(0)
CSS3属性box-shadow使用教程
摘要：CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。1. box-shadow属性的浏览器兼容性先来看一个这个属性的浏览器兼容性:Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新的10.53版本，已经支持box-shadow属性。Firefox通过私有属性-moz-box-shadow支持。Safari和Chrome通过私有属性-webkit-box-shadow支持。所有IE不支持(不知道IE9是否有所改善)。别急，我们将在文章最后会介绍一些针对IE的Hack。2. box-shadow属性的语法box 阅读全文
posted @ 2013-04-07 13:23 xyzhuzhou 阅读(342) 评论(0) 推荐(0)