如何使用新的HTML5 Boilerplate定位IE9?

前端之家收集整理的这篇文章主要介绍了如何使用新的HTML5 Boilerplate定位IE9?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图针对IE的目标.但是,由于样板模板已更改,因此不再有效.
.myclass {
 //do something
}


.ie7 .myclass {
 ///do something

 }

这是样板模板的新标题中的内容.

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

解决方法

我们不建议你定位IE9,因为它具有现代浏览器的所有标记,这就是为什么我们没有IE9特定的条件类.如果你还想,你可以使用:
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

注意IE10 will not recognize conditional comments.

猜你在找的HTML5相关文章