浏览器兼容怎么写

1. 浏览器的兼容怎么调啊

现在基本都只应付IE7,IE6和FF(火狐)的兼容问题,具体做法是在做页面的时候,就打开三个浏览器来调试,不要等做完再来调,那样会累死。当发现不兼容情况导致页面异常的时候,针对不同浏览器在css中做出调整,例如可以用这种方法来区分:

{width:300px; *width:200px; *_width:100px}

表示在FF中宽度为300px,IE7中为200,IE6中为100。要同时区分三个浏览器的时候,css样式的书写顺序为:FF > IE7 > IE6。

注:带“_”的css样式只有IE6能识别,带*号的只有IE能识别,样式后加“!important”只有FF和IE7能识别 狄克 2008-03-14 14:58 检举

2. 请问,iE6浏览器兼容的CSS怎么写

使用“子对象选择符”,如:span >p{color:blue;} 它等同于包含选择符:span p {color:blue;}

还有一个属性:voice-family 它是css中针对残疾人使用的设备进行特别设置的一个方法,使用此方法可以设置阅读方式,现在已成为针对IE6.0一下浏览器的一个特殊的CSS hack 方法。使用方法:

#content {

voice-family:"\"}\"";

voice-family:inherit;

color:red;

}

使用代码中的两句Voice-family属性之后下面的color:red;将不会被IE5.5及以下浏览器所解析。

+hack方法

+号hack方法是最近流行的一种CSS hack,非常简单也易于管理,+号用于区分IE系列浏览器与其他浏览器。

使用方法如下:

#content{

width:500px;

+width:480px; /*IE可执行*/

}

带有加号的属性只能在IE系列的浏览器里运行

3. 浏览器兼容怎么解决

IETester中文免费版 - 最佳网页IE浏览器兼容性测试工具(IE6 IE7 IE8共存)

对于很多拥有自己博客或者接触网页制作的朋友,肯定会遇到自己辛苦写好的页面在不同的浏览器下显示出来的效果截然不同吧,喜欢追求完美的朋友就肯定希望能尽量在不同浏览器下对页面进行测试并保证其正常显示了。当然,像FireFox、Safari、Opera等浏览器还可以随意地安装卸载,然而,最麻烦的莫过于微软的“IE”系列了。

基本上你不能用常规的方法同时在一个系统中安装IE5、IE6、IE7甚至IE8!找多台电脑来测试对很多人来说也并不是很容易的事情。之前异次元の世界也曾给大家介绍过一款绿色版的IE6,但始终问题比较多,并不是十分好用。X-Force今天给大家介绍的IETester就可以完美地解决这个烦人的问题了!IETester可以让你同时测试网页在IE5~IE8下的兼容性和显示效果

下载:

4. 怎么才能让自己写的css 样式 兼容所有浏览器呢

利用 CSS Hack 兼容左右浏览器通过CSS Hack解决各浏览器的兼容问题,是现在普遍采用的方法。

我分享一些常用的CSS Hack写法。……<![endif]--> ……<![endif]--> ……<![endif]--> ……<![endif]-->.csshack{ padding:10px; padding:9px\9; /* 所有 ie */ *padding:5px; /* ie6和ie7 */ +padding:7px; /* ie7 */ _padding:6px; /* ie6 */ }这些是比较常用的CSS Hack写法,可以解决大部分兼容问题。

5. 经常遇到的浏览器的兼容性有哪些

浏览器兼容问题一:不同浏览器的标签默认的margin和padding不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。

碰到频率:100%解决方案:CSS里加一行1*{margin:0;padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。浏览器兼容问题二:块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大问题症状:常见症状是IE6中后面的一块被顶到下一行碰到频率:90%(稍微复杂点的页面都会碰到,float布局最常见的浏览器兼容问题)解决方案:在float的标签样式控制中加入 display:inline;将其转化为行内属性备注:我们最常用的就是div+CSS布局了,而div就是一个典型的块属性标签,横向布局的时候我们通常都是用div float实现的,横向的间距设置如果用margin实现,这就是一个必然会碰到的兼容性问题。

浏览器兼容问题三:设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度问题症状:IE6、7和遨游里这个标签的高度不受控制,超出自己设置的高度碰到频率:60%解决方案:给超出高度的标签设置overflow:hidden;或者设置行高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;当内容高度大于这个值时,容器高度被撑高,而不是出现滚动条。

这时候我们就会面临这个兼容性问题。浏览器兼容问题七:各种特殊样式的兼容,比如透明度、圆角、阴影等。

特殊样式每个浏览器的代码区别很大,所以,只能现查资料通过给不同浏览器写不同的代码来解决。JS解决IE6下png透明失效的问题做兼容页面的方法是:每写一小段代码(布局中的一行或者一块)我们都要在不同的浏览器中看是否兼容,当然熟练到一定的程度就没这么麻烦了。

建议经常会碰到兼容性问题的新手使用。很多兼容性问题都是因为浏览器对标签的默认属性解析不同造成的,只要我们稍加设置都能轻松地解决这些兼容问题。

如果我们熟悉标签的默认属性的话,就能很好的理解为什么会出现兼容问题以及怎么去解决这些兼容问题。

6. 网页编程:如何写css样式才能兼容大多数浏览器

其实兼容问题很经常碰到,基本是碰到什么样的情况解决办法不一样

但是简单的避免兼容问题的规范还是有的

比如,用div时候,内边距的设定+宽度的设定就有可能出现不兼容

我们首先要明白为什么会出现不兼容的问题

要通过现象看本质,其实是因为理解不一样

IE是设定好了宽度,你设置内边局是在设定好的宽度下,在变,就是说IE理解的是宽度比内边距的优先级高,而火狐不一样,他是在原来的宽度上在加上内边距的宽度,无形中你设置的宽就变了

所以,我们尽量不去触碰这些敏感的地方

我稍微总结下,用DIV时候最好让页面自己来排版DIV的位置(就是说内容来填充DIV,当然有的时候没办法做好的时候就不用管了)

尽量不要写死DIV的位置或者宽度

用浮动请小心,少用,一般只有广告什么的才用

绝对定位也少用,用请写规范和标准,恩~~还有一些,就不说了,你遵守上面的原则就会少了很多麻烦

但是很多时候没办法遵守原则时就用特殊好用的办法去解决

下面推荐个适合新手的(高手请笑着路过)

因为调用的内核不一样导致理解不同,我们也可以同这特点来弥补他的不足

例如同一个class="aa"

可以这样.aa{color:#ff6600}表示所有都能认识

*html .aa{color:#fff}表示只有IE可以认识

*+html .aa{color:#fff}表示只有IE7可以认识

这是可以写在样式里面的修改办法

还一种在调试用也很不错的

例如:.aa{color:#ff6600;*color:#fff;_color:#eee}

上面意思是,color:#ff6600所有浏览器认识,所以火狐会是这个颜色,*color:#fff IE浏览器认识这个和前面的那个,但是*color:#fff写在豁免,所以IE就会读取后面的样式覆盖前面的,所以颜色是#fff;最后一个是表示IE6认识所有的样式,但是_color:#eee写最后,也是覆盖了前面的同样属性,所以IE6颜色是#eee

满意给满意答案

还有想知道也可以密我,我尽量帮你解答

浏览器兼容怎么写

转载请注明出处育才学习网 » 浏览器兼容怎么写

知识

93的英语怎么写

阅读(233)

本文主要为您介绍93的英语怎么写,内容包括93的英文怎么写,第93的英语形式怎么写,数字93用英语怎么说,要语音,念得标准点哦。1至100的英文写法:1-20:1 one。2 two。3 three。4 four。5 five。6 six。7 seven。8 ei

知识

投降拼音怎么写

阅读(181)

本文主要为您介绍投降拼音怎么写,内容包括投降的降怎么写,教书`教室,降落`投降的拼音,投降的投有一个读音是tou还有什么读音。南北战nán běi zhàn 南北战争,又称美国内战(American Civil War),是美国历史上一场大规模的内战,参战双方为

知识

韩国字德怎么写

阅读(175)

本文主要为您介绍韩国字德怎么写,内容包括我的名字用韩国字怎么写,韩国字的怎么写,韩语德字怎么写。왕범韩中姓氏对照表ㄱ가(贾) 간(简) 갈(葛) 감(甘) 강(康) 강(姜) 강(强) 강(刚) 강(疆) 개(介) 견(甄) 견(坚

知识

行书者字怎么写

阅读(178)

本文主要为您介绍行书者字怎么写,内容包括行书的人字怎么写,行书的为字怎么写,行书的多字怎么写。行书的人字写法如下:

知识

环境日怎么写

阅读(161)

本文主要为您介绍环境日怎么写,内容包括关于世界环境日活动的作文怎么写,以"世界环境日"主题班会的作文怎么写,围绕今年世界环境日的主题写一篇关于环保的作文,要怎么写啊环。地球是什么?是给我们生命的星球;是我们赖以生存的共同家园。曾经,她

知识

仁义英文怎么写

阅读(183)

本文主要为您介绍仁义英文怎么写,内容包括仁义用英语怎么说,仁义字的英文怎样读,求翻译“忠孝仁义,礼义廉耻”英语怎么说还有“上善若水”英语。忠孝仁义,礼义廉耻(忠诚、孝顺、仁德、义气,礼貌、道义、廉洁、知耻之心)Loyalt, filial piety,ki

知识

同学给老师评语怎么写

阅读(186)

本文主要为您介绍同学给老师评语怎么写,内容包括老师给同学的评语怎么写,学生对老师的评语怎么说(好的),老师要我给同学们写评语,该怎么写.。该学生学习努力,思想上进,品德优秀,乐于助人,忠厚诚实,品行端正,是一名综合素质较强的学生。该生学习态度

知识

怎么写我的语文老师

阅读(158)

本文主要为您介绍怎么写我的语文老师,内容包括我的语文老师作文怎么写,怎么写我的语文老师啊,我的语文老师作文怎么写。一天下午,放学后,突然一个闷雷响彻大地,紧接着下起了瓢泼大雨。同学们陆续被家长接走了,只剩下左腿残疾的王小刚在焦急得等

知识

广州申论怎么写

阅读(181)

本文主要为您介绍广州申论怎么写,内容包括广东公务员申论怎么写,广东省公务员考试申论一般写多少字,申论怎么写啊。对于申论而言,作文一直是占比最高的一种题型,一般能达到40%,所以写好作文的重要性不言而喻。2、阅卷老师批阅作文的时间是非常

知识

不及格英文怎么写

阅读(205)

本文主要为您介绍不及格英文怎么写,内容包括挂科的英文怎么写,不及格.英语怎样写,失败的英文怎样写。挂科的英文是Fail,音标英 [feɪl]、美 [fel]。二、释义:vt.& vi.失败,不及格;倒闭,破产;缺乏;衰退I w

知识

画风筝作文怎么写

阅读(186)

本文主要为您介绍画风筝作文怎么写,内容包括画风筝作文怎么写350,画风筝作文怎么写350,风筝作文怎么写。今天下午,美术老师说:“同学们,这节课我们来画风筝吧!”画风筝前,我们准备好了空白布、水彩笔、勾线笔、铅笔、尺子。第一步,我想了想要画什

知识

ei的音节怎么写

阅读(260)

本文主要为您介绍ei的音节怎么写,内容包括ei音节的字,,ai的音节词和ei的音节词,韵母的音节怎么写。第一声:杯 悲 吹 催 堆 追 非 规 龟 辉 徽 亏 虽 威 危 巍 第二声:垂 锤 肥 回 葵 奎 逹 睽 雷 眉 煤 为 谁 随

知识

tooth的复数怎么写

阅读(196)

本文主要为您介绍tooth的复数怎么写,内容包括tooth的复数应该要怎么写呢,tooth的复数怎么写啊,tooth的复数怎么写啊。tooth复数形式是teeth。 单词解析: teeth 读音:英 [tiːθ] 美 [tiːθ] 释义:n. 牙齿 词汇搭配: bu

知识

写作文写花怎么

阅读(200)

本文主要为您介绍写作文写花怎么,内容包括写花的作文怎么写,怎么写花作文,作文花怎么写。1.太 阳 花 世界上的花有好多种,比如:广玉兰、月季花、玫瑰花、梅花、菊花、君子兰、茶花等等。但是,开花最多,颜色最丰富的花要属太阳花

知识

qq浏览器小说怎么写

阅读(197)

本文主要为您介绍qq浏览器小说怎么写,内容包括QQ浏览器上怎么发表小说,QQ浏览器上怎么编小说,在QQ浏览器里面怎样发表小说。QQ浏览器本身不能发表小说。QQ浏览器是一个内容平台,而不是生产平台,浏览器只提供上网浏览的入口,不提供内容。我们平

知识

qq浏览器怎么写小说

阅读(229)

本文主要为您介绍qq浏览器怎么写小说,内容包括QQ浏览器上怎么发表小说,QQ浏览器上怎么编小说,在QQ浏览器里面怎样发表小说。QQ浏览器本身不能发表小说。QQ浏览器是一个内容平台,而不是生产平台,浏览器只提供上网浏览的入口,不提供内容。我们平

知识

在qq浏览器怎么写小说

阅读(248)

本文主要为您介绍在qq浏览器怎么写小说,内容包括QQ浏览器上怎么发表小说,在QQ浏览器里面怎样发表小说,QQ浏览器上怎么编小说。QQ浏览器本身不能发表小说。QQ浏览器是一个内容平台,而不是生产平台,浏览器只提供上网浏览的入口,不提供内容。我们

知识

ie兼容怎么写

阅读(179)

本文主要为您介绍ie兼容怎么写,内容包括DIVIE7,IE8,IE9,火狐,兼容代码怎么写,请问,iE6浏览器兼容的CSS怎么写,用代码怎样写可以让IE11和IE9兼容。用条件注释判断浏览器是什么版本<!--[if lt IE 7]> <html class="ie6"> <![endif]--><!--

知识

怎么写浏览器

阅读(197)

本文主要为您介绍怎么写浏览器,内容包括自己怎么写个浏览器,怎样编写一个浏览器,怎么做一个简单的浏览器。如果是完全自己写的话有点挑战性(反正我写不出来),我们常用的浏览器,有相当一部分是基于 IE 内核的,或者是基于其他内核,从这一点来看,

知识

浏览器怎么写

阅读(171)

本文主要为您介绍浏览器怎么写,内容包括自己怎么写个浏览器,浏览器里怎么写评论,怎么在手机qq浏览器上写作文。如果是完全自己写的话有点挑战性(反正我写不出来),我们常用的浏览器,有相当一部分是基于 IE 内核的,或者是基于其他内核,从这一点来看

知识

浏览器的拼音怎么写

阅读(208)

本文主要为您介绍浏览器的拼音怎么写,内容包括浏览器汉语拼音怎么写,浏览器汉语拼音怎么写,浏览器三个字的拼音这么写。【文字】:浏览器【拼音】:liú lǎn qì 【拼音拼读知识】: 拼音是拼读音节的过程,就是按照普通话音节的构成规律,把声母、

知识

浏览器英文怎么写

阅读(198)

本文主要为您介绍浏览器英文怎么写,内容包括“浏览器”用英文怎么说英语外语天涯问答天涯社区,浏览器三个字用英文怎么写,浏览器的正确英文写法是什么。全球网(WEB,WWW)是一种把所有 Internet的信息(包括你愿意加进去的本地信息)组织成超文本文

[/e:loop]