明确目标IE版本,无需使用HTML和CSS进行破解
如果您不希望CSS受到黑客攻击,请使用此方法。在
<html>元素中添加一个浏览器唯一的类,以便以后可以基于浏览器进行选择。
例
<!doctype html><!--[if IE]><![endif]--><!--[if lt IE 7 ]> <html lang="en" > <![endif]--><!--[if IE 7 ]> <html lang="en" > <![endif]--><!--[if IE 8 ]> <html lang="en" > <![endif]--><!--[if IE 9 ]> <html lang="en" > <![endif]--><!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--> <head></head> <body></body></html>
然后,在CSS中,您可以非常严格地访问目标浏览器。
例
.ie6 body { border:1px solid red;}.ie7 body { border:1px solid blue;}带有CSS“ Hacks”的目标IE版本
更重要的是,这里有一些使您可以定位IE版本的黑客。
使用“ 9”定位IE8及更低版本。
使用“ *”定位IE7及更低版本。
使用“ _”定位IE6。
例:
body { border:1px solid red; border:1px solid blue9; *border:1px solid orange; _border:1px solid blue; }更新:目标IE10
IE10无法识别条件语句,因此您可以使用它来将“ ie10”类应用于
<html>元素
<!doctype html> <html lang="en"> <!--[if !IE]><!--><script>if (false) {document.documentElement.className+=' ie10';}</script><!--<![endif]--> <head></head> <body></body></html>


