谷优网络新闻列表-010-86983211

北京网络营销联盟 网站优化讨论组

« 长尾和大头 一种新的北京网站优化工程师 »

网站浏览器兼容,IE6的修补程序和技巧

任何网页设计师会了解更多关于网站建设是跨浏览器兼容的危险。这是一场艰苦的战斗持续,直到我们可以教育互联网用户斌者(咳嗽IE6中),向前迈进旧的浏览器,我们需要继续使用技巧和修复,可以使我们优化的设计完整!

我已经收集了我最喜爱的CSS技巧和修复5 ...。享受。

双保证金问题
好吧,这是最常见的错误之一,但也是最容易解决的问题。如果您使用上的左边或右边距浮动DIV的,你会发现大部分时间(是的它的不符合!

)IE6的将增加一倍,你的保证金的价值。

例如,你给DIV的保证金左:10px,但IE6中会增加一倍为20px!

解决的办法很简单。地址显示:内联属性的容器,可以纠正它,不要问我为什么,但它确实。

有条件的样式表
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
我的首选方法与有条件的标高问题是使用条件样式表,它不仅是清洁的,但它使您能够确保你的主要样式验证。上面的例子将用于加载专门IE6

的一个样式。您也可以使用此方法,具体控制IE7和IE8的等了。

下面是一些例子:

为了针对IE7的唯一可以使用:
(所以只针对IE6的,只需更改[如果IE6的],或对IE8 [如果IE8的]等)

<!--[if IE7]> your css file here <![endif]-->
“同时针对IE6和7可以使用:

<<!--[if lt IE8]> your css file here <![endif]-->
“目标以外的所有IE浏览器

<!--[if !IE]> your css file here <![endif]-->
“IE浏览器'黑客'
如果你一定要,你也可以使用黑客的主要样式,但是请注意,如果这样做,你的样式表将不会验证,这里有一些常见的例子...。

为IE6的唯一

* html .container { height:55px; }
上面的例子演示了如何解析专门为IE6的通过启动它的CSS规则 *的HTML。它没有什么意义,我知道,但所有其他的浏览器会忽略它。

忽视了IE7的唯一
#div {
   _height: 300px;
}
添加一个 _ 在您的值将导致它被IE7的忽视只。

隐藏的IE6和更低

html > body #div {
      height: 300px;
}
添加html“身体,然后再标记会导致它从IE6的浏览器和低隐藏。

国家没有悬停
答:悬停
现代浏览器支持几乎任何标记悬停状态,但上的IE6支持在'一'标签徘徊状态。除了这个,这些'一'标签必须有一个的'href'。

没有真正的CSS的解决这个但是你可以用一个JavaScript脚本使用它周围所谓''无论徘徊'。

修复了IE6的巴纽
那么它必须得到一提!有这样一对一些可供选择,我最喜欢的是IE7.js.这是一个JavaScript库创建使IE表现得像一个符合标准的浏览器!

它修复了许多HTML和CSS的问题,但最好的时期之一,必须作出IE6的透明PNG下的正常工作(5)。

要使用它,只需包含到网页标题下面的代码:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE8.js"></script>
<![endif]--> ”
然后简单的名称和透明肾炎的您建立包括'反'。因此,例如 logo.png 将成为 徽标trans.png

另外,您可以设置一个全局变量适用于所有修复。PNG图像:
var IE7_PNG_SUFFIX = ".png";
值得一提的,如果你的网站使用在任何时候(HTTPS)的你需要下载JS文件和你自己的主机,安全连接,否则你会得到一个安全的错误,当访问一个安全的网址,这是因为谷歌只有在主办这个文件非安全连接(HTTP)的。

同样,这些都是我自己解决IE6的漏洞首选方法..如果您有任何其他人,你要共享,请评论如下!

没有相关的职位。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By 北京网站优化blog

Copyright 北京网站优化www.bjyouhua.com.cn. All Rights Reserved.