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
满意给满意答案
还有想知道也可以密我,我尽量帮你解答