如何解决ie兼容性问题,IE浏览器兼容问题
内容导航:
一、ie浏览器的兼容性怎么解决方法
打开IE浏览器,进入任意页面点击“工具”选项,会跳出一个下拉菜单,选择“兼容性视图设置”选项。进入兼容性视图设置之后,填入你所需要设置兼容模式的网址,点击添加,最后点击关闭即可重新打开经过设置之后的网页,你会看到地址栏后面有一个像破碎纸片一样的图标,说明兼容模式已经设置成功,在工具的下拉菜单也同样可以看到在兼容模式前面也就打钩,说明网页的兼容模式已经设置成功。
二、常见的解决浏览器兼容性问题的方式有哪些
方法/步骤:浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin
和paping差异较大。
碰到频率:100%解决方案:CSS里
{margin:0;paping:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符来设置各个标签的内外补丁是0。
浏览器兼容问题二:块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大问题症状:随便写几个标签,不加样式控制的情况下,各自的margin
和paping差异较大。
碰到频率:100%解决方案:CSS里
{margin:0;paping:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符来设置各个标签的内外补丁是0。
浏览器兼容问题三:设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度问题症状:IE6、7和遨游里这个标签的高度不受控制,超出自己设置的高度碰到频率:60%解决方案:给超出高度的标签设置overflow:hipen;或者设置行高line-
height 小于你设置的高度。
备注:这种情况一般出现在我们设置小圆角背景的标签里。
出现这个问题的原因是IE8之前的浏览器都会给标签一个最小默认的行高的高度。
即使你的标签是空的,这个标签的高度还是会达到默认的行高。
浏览器兼容问题四:行内属性标签,设置display:block后采用float布局,又有横行的margin的情况,IE6间距bug问题症状:IE6里的间距比超过设置的间距碰到几率:20%解决方案:在display:block;后面加入display:inline;display:table;备注:行内属性标签,为了设置宽高,我们需要设置display:block;(除了input标签比较特殊)。
在用float布局并有横向的margin后,在IE6下,他就具有了块属性float后的横向margin的bug。
不过因为它本身就是行内属性标签,所以我们再加上display:inline的话,它的高宽就不可设了。
这时候我们还需要在display:inline后面加入display:talbe。
浏览器兼容问题五:图片默认有间距问题症状:几个img标签放在一起的时候,有些浏览器会有默认的间距,加了问题一中提到的通配符也不起作用。
碰到几率:20%解决方案:使用float属性为img布局备注:因为img标签是行内属性标签,所以只要不超出容器宽度,img标签都会排在一行里,但是部分浏览器的img标签之间会有个间距。
去掉这个间距使用float是正道。
(我的一个学生使用负margin,虽然能解决,但负margin本身就是容易引起浏览器兼容问题的用法,所以我禁止他们使用)浏览器兼容问题六:标签最低高度设置min-
height不兼容问题症状:因为min-height本身就是一个不兼容的CSS属性,所以设置min-
height时不能很好的被各个浏览器兼容碰到几率:5%解决方案:如果我们要设置一个标签的最小高度200px,需要进行的设置为:{min-
height:200px; height:auto !important; height:200px;
overflow:visible;}备注:在B/S系统前端开时,有很多情况下我们又这种需求。
当内容小于一个值(如300px)时。
容器的高度为300px;当内容高度大于这个值时,容器高度被撑高,而不是出现滚动条。
这时候我们就会面临这个兼容性问题。
浏览器兼容问题七:透明度的兼容CSS设置做兼容页面的方法是:每写一小段代码(布局中的一行或者一块)我们都要在不同的浏览器中看是否兼容,当然熟练到一定的程度就没这么麻烦了。
建议经常会碰到兼容性问题的新手使用。
很多兼容性问题都是因为浏览器对标签的默认属性解析不同造成的,只要我们稍加设置都能轻松地解决这些兼容问题。
如果我们熟悉标签的默认属性的话,就能很好的理解为什么会出现兼容问题以及怎么去解决这些兼容问题。
/ CSS hack/ 我很少使用hacker的,可能是个人习惯吧,我不喜欢写的代码IE不兼容,然后用hack来解决。
不过hacker还是非常好用的。
使用hacker我可以把浏览器分为3类:IE6 ;IE7和遨游;其他(IE8 chrome ff safari opera等)◆IE6认识的hacker
是下划线_ 和星号 ◆IE7 遨游认识的hacker是星号
比如这样一个CSS设置:height:300px;height:200px;_height:100px;
IE6浏览器在读到height:300px的时候会认为高时300px;继续往下读,他也认识heihgt,
所以当IE6读到height:200px的时候会覆盖掉前一条的相冲突设置,认为高度是200px。
继续往下读,IE6还认识_height,所以他又会覆盖掉200px高的设置,把高度设置为100px;IE7和遨游也是一样的从高度300px的设置往下读。
当它们读到height200px的时候就停下了,因为它们不认识_height。
所以它们会把高度解析为200px,剩下的浏览器只认识第一个height:300px;所以他们会把高度解析为300px。
因为优先级相同且想冲突的属性设置后一个会覆盖掉前一个,所以书写的次序是很重要的。
三、怎么解决计算机兼容性问题
答:对于这种情况也有可能是因为显卡的驱动程序设计上有缺陷,造成显卡工作不稳定,致使系统死机
四、如何处理ie浏览器的兼容性问题
处理IE浏览器的兼容问题只需要改写一下代码就好,具体的方法如下:把这一段百度源代码找出后改写,代码如下;
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 55@qq.com 举报,一经查实,本站将立刻删除。转转请注明出处:https://www.szhjjp.com/n/111712.html