兼容
子君不语
这是一个美丽的城市。有你们的地方就是家
展开
-
ie6 不支持png24
当使用png24做背景图的时候,ie6 是不兼容的,第一种方法: _background:给ie6设置png8做背景原创 2015-10-22 14:52:39 · 279 阅读 · 0 评论 -
meta
1.可以让部分国产浏览器默认采用高速模式渲染页面 name="renderer" content="webkit">2.让 IE 浏览器运行最新的渲染模式下 http-equiv="X-UA-Compatible" content="IE=edge">原创 2016-08-19 14:09:07 · 215 阅读 · 0 评论 -
兼容opacity
IE8以下浏览器都不支持 opacity css样式,可以使用IE自带的“滤镜”来实现,如下代码:filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);上面代码的作用设置为 70% 的透明。原创 2016-07-27 09:14:21 · 503 阅读 · 0 评论 -
ie6及以下1px高的制作
1. 2. 3. 4.转载 2016-08-01 14:09:58 · 231 阅读 · 0 评论 -
css不确定宽度的水平居中
.myUl{clear:both; position:relative; left:50%; float:left; margin-bottom:2px;}.myUl li{ float:left; position:relative; left:-50%; margin-right:2px;}给父元素设置text原创 2016-04-19 16:30:15 · 2244 阅读 · 0 评论 -
清除浮动
1.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: '.'; clear: both; height: 0;}原创 2016-05-24 12:48:44 · 241 阅读 · 0 评论 -
父元素与子元素之间的margin-top问题(css hack)
给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,遇到此问题的朋友可以参考下本文或许会有意想不到的收获(转)。hack: 父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。html代码: css样式:转载 2016-03-18 10:07:02 · 1363 阅读 · 0 评论 -
兼容ie8以下的圆角头像制作方法
html代码 css代码.user-img{ position: relative; float: left; width: 50px; height: 50px; border-radius: 50%;}.user-img img{ width:原创 2015-12-18 09:44:18 · 3085 阅读 · 0 评论 -
弹窗,遮罩层样式
.mask{ position: relative; _position: absolute; top: 0; left: 0; width: 100%; display: none; background-color: #160128; opacity: 0.7; z-index: 100;}.al原创 2015-12-18 10:32:02 · 940 阅读 · 0 评论 -
ie7不兼容z-index处理方法
position与js 联合原创 2015-11-30 09:59:27 · 914 阅读 · 0 评论 -
透明度继承问题
我透明了吗想在CSS3属性规则里rgba 已经可以设置实现父层透明,子层不透明了,知识CSS3 还不能兼容一些比较老版本的浏览器,我们要一些处理://样式.father{height:400px;background:rgba(0,0,0,0.6)!important;background:#000;filter:Alpha(opacity=60);}.转载 2015-10-31 13:40:14 · 1217 阅读 · 0 评论 -
背景图铺满全屏代码
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://static.gcimg.net/i/201510/1jp1FLwtR4.jpg', sizingMethod='scale');原创 2015-11-12 14:45:35 · 1715 阅读 · 0 评论 -
ie7 文字显示半截的解决
原创 2015-10-22 14:11:40 · 525 阅读 · 0 评论 -
多行文本溢出省略号
htmlfigcaption">You probably can't do it (currently?) without a fixed-width font like Courier. With a fixed-width font every letter occupies the same horizontal space, so you could probably count转载 2016-09-23 20:25:50 · 261 阅读 · 0 评论