HTML5中的progress元素兼容性处理
HTML5中的progress元素，元素属于HTML5家族，指进度条。
html代码
|
1 |
<progress max="100" value="20"><ie style="width:20%;"></ie></progress> |
css兼容代码
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
progress { display: inline-block; width: 160px; height: 20px; border: 1px solid #0064B4; background-color:#e6e6e6; color: #0064B4; /*IE10*/ } /*ie6-ie9*/ progress ie { display:block; height: 100%; background: #0064B4; } progress::-moz-progress-bar { background: #0064B4; } progress::-webkit-progress-bar { background: #e6e6e6; } progress::-webkit-progress-value { background: #0064B4; } |
基本上完美的解决了各浏览器的差别。
请尊重我们的辛苦付出，未经允许，请不要转载 本站 的文章，鄙视各种无耻的采集行为！