CSS样式表的编写离不开各种浏览器的支持和兼容。不同的浏览器对CSS的支持程度是不同的,同样的CSS样式,在不同的浏览器中可能表现出不同的效果。解决这个问题的关键在于了解不同浏览器对CSS的差异。 一
.box1 { width: 200px; height: 200px; padding: 20px; border: 10px solid #000; margin: 30px; box-sizing: content-box; } <br> .box2 { width: 200px; height: 200px; padding: 20px; border: 10px solid #000; margin: 30px; box-sizing: border-box; }
div { -webkit-border-radius: 10px; border-radius: 10px; }
var ua = window.navigator.userAgent.toLowerCase(); if (ua.indexOf('msie') != -1) { document.styleSheets[0].addRule('.example', 'color: #000;'); } else { document.styleSheets[0].addRule('.example', 'color: #fff;'); }
粉丝
0
关注
0
收藏
0