CSS浏览器兼容性写法小结
2017-05-10 15:20:12
CSS浏览器兼容性写法小结 * ， ie6,ie7可以识别； _和- ， ie6可以识别； !important ,表示高优先级，ie7及以上，firefox都支持，ie6认识带!important的样式属性，但不认识!important的优先级； -webkit- ，针对safari，chrome浏览器的内核CSS写法 -moz-，针对firefox浏览器的内核CSS写法 -ms-，针对ie内核的CSS写法 -o-，针对Opera内核的CSS写法 示例代码 <style> .div1{ *position:relative; -moz-background-size:50%; -ms-content-zoom-limit-max:50%; -o-box-shado...
Css中padding的兼容性问题
2017-05-10 10:29:21
在padding数值比较大的地方（比如标题栏的背景div和标题之间），浏览器的差别就显示的很明显。 比如CSS原来是这样的： .titleblock{}{ padding:2em;margin:0;text-align:left; background-image:url(‘../image/titlebg.jpg’);height:140px; background-repeat:no-repeat;background-position:rightcenter; } 其中的height属性为140px，在FF中整个div的高度是140+2*(2em)约为190px，而在IE6和IE7中均为140px，这样就导致有大概50px的差别。我们知道，在css中，padding用的实在太多了，怎么解决这个...
区分在IE与FF下input框的效果
2017-01-16 21:39:46
区分在IE与FF下input框的效果 9表示在IE下 .date_pick_input { width: 100px; width:80px9; padding-top:0px; padding-top:3px9; padding-left:13px; height: 11px; height: 11px9;/*IE6、IE7、IE8*/ } #div { color: #333; } /* ff */ * html #div { color: #666; } /* IE6 */ *+...
CSS的一些心得
2017-01-16 21:39:09
居中兼容性写法 margin:0 auto; 宽度，高度，MARGIN等如果碰到兼容性的问题需要另外定义,ie8的要写在前面，否则IE6的样式会被这个写法覆盖 IE8用9 IE6.7用* 火狐不用 width:50PX; WIDTH:50px9; *width:50px; DIV的BORDER 四个角的圆角写法 加入这段就行了 -moz-border-radius: 10px; -webkit-border-radius: 10px; 如<div style="border:1px solid #333;-moz-border-radius: 10px; -webkit-border-radius: 10px;">dddd</div> 透明DIV： margin:0; hei...