/* * CSS3 */ /* 圆角 */ div { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 透明度 */ div { opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter: alpha(opacity=50); } /* 盒子阴影 */ div { -webkit-box-shadow: 2px 2px 5px #888888; -moz-box-shadow: 2px 2px 5px #888888; box-shadow: 2px 2px 5px #888888; } /* * H5 */ /* 语义化标签 *//* 视频 *//* * IE8 */ /* 获取当前IE版本 *//* 使用IE兼容模式 *//* 兼容HTML5标签 */document.createElement("header"); document.createElement("nav"); document.createElement("video"); 标题
兼容旧版浏览器是Web开发者必须掌握的技能。经过上述处理,大家可以使得CSS3和H5在IE8上展现更好的效果,提升用户的体验。