今天在调试页面的时候,发现<meta http-equiv="X-UA-Compatible" content="IE=7" />这句语句没有起效果。
然后试着分析原因,一开始就想是否是CSS样式会引起此问题。于是把外部CSS样式清除，果然IE8转IE7的兼容效果出来了。
但是CSS中哪句样式的问题呢，大海捞针了于是试着部分加入<head>标签中查找引起问题的样式语句，直到全部样式加入后IE的兼容效果还是起作用。
那原因就是外部包含样式语句的问题了，<link href="<%=GetAllCssPath %>fans.css" rel="stylesheet" type="text/css" />但乍看之下没有写错。
那就是放的位置的问题了，因为<%%>符号若放在<head>标签内会无法转义成功，所以放在<html>和<head>之间了，但是现在出了影响了IE渲染效果转换兼容的问题，那如何是好呢。
真是一语惊醒梦中人，LEADER的一句话让我知道了其实<link>标签还可以放在</head>和<body>之间，果然外部样式也调到了IE渲染得兼容也起作用了。
哈，一直以为理论写的<link>标签放在<head>标签内，按照它规规范范的书写，原来实际开发中还有隐藏的位置。
补充
X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说，它是首选的兼容性模式。
扫一扫
7020
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
