如何让css样式兼容ie

 2024-03-07 03:05:11  阅读 0

css浏览器兼容性问题汇总_css浏览器兼容性写法_css兼容所有浏览器

兼容IE的CSS编写方法有:。 1、属性前添加“-”或“_”,写为“:属性值”; 2.CSS条件注释、语法》

14. Web标准中id和class的定义有什么区别吗? 1. Web标准不允许重复的ID。 比如p不允许重复两次,而class定义了一个类,理论上可以无限重复。 这需要多次。 您可以通过引用定义来使用它。 2.属性的优先级。 ID的优先级高于class。 请参见上面的示例 3。 对于JS等客户端脚本来说很方便。 如果你想对页面中的某个对象进行脚本操作,那么你可以为它定义一个ID,否则只能通过遍历页面元素并指定具体属性来找到它。 这相对浪费时间和资源,而且远不如 ID 简单。

15、LI中的内容超出长度后用省略号显示的方法。 此方法适用于IE和OP浏览器。

16、为什么IE不能按照网页标准设置滚动条颜色? 解决办法就是把body替换成html。

17. 为什么我不能定义高度约为1px的容器? IE6下出现这个问题是由于默认行高造成的。 解决办法有很多,比如::| 缩放:0.08 | 行-:1px

18、如何让图层显示在FLASH之上? 解决办法是给FLASH设置透明度。

19. 如何在浏览器中垂直居中图层。 这里我们使用百分比绝对定位以及外部修补负值的方法。 负值的大小是其自身的宽度和高度除以二。

FF 和 IE

1.p居中问题当-left和-right设置为auto时p已经居中了。 这不适用于 IE。 IE需要设置body居中。 首先在父元素中定义text-algin:; 这意味着父元素中的内容。 居中。

2. 链接的边框和背景(标签)。 为a链接添加边框和背景色,需要设置:block,并设置float:left以保证不换行。 作为参考,设置 a 和 的高度是为了避免底边显示错位。 如果没有设置,可以在其中插入一个空格。

3、访问超链接后不出现hover样式的问题。 点击访问的超链接样式不再有hover样式。 这个问题想必很多人都遇到过。 解决办法是改变CSS属性的顺序:LVHA代码:

4. 光标手指:可同时在IE FF 中显示光标手指形状。 手牌只能在IE中显示。

5.UL和ul标签在FF中默认有值,但在IE中只有默认值,所以先定义ul{:0;:0;}可以解决大部分问题。

6、FORM标签在IE中会自动有一些边距,但在FF中为0。 因此,如果想要显示一致,最好在css中指定and。 针对以上两个问题,我的 css 一般都是先定义样式 ul, form{:0;:0;} ,以后就不用管了。

7、BOX模型解释不一致的问题。 FF和IE中的BOX模型解释不一致,导致存在2px的差异。 解决方案:p{:30px!;:28px;}。 注意这两者的顺序一定不能颠倒。 IE 无法识别该属性。 但其他浏览器可以识别它。 所以在IE下其实是这样解释的:如果重复定义p {:30px;:28px},就会执行最后一个,所以不能只写:xx px!; #box{ 宽度:600px; //对于ie6.0-宽度:500px; //对于ff+ie6.0} #box{ width:600px! //对于ff宽度:600px; //对于ff+ie6.0宽度 /**/:500px; //对于ie6.0 -}

8. 属性选择器(这个不能认为是兼容的,是隐藏css的一个bug) p[id]{}p[id]{} 这个对于IE6.0及IE6.0以下的版本是隐藏的,在FF和歌剧。 属性选择器和子选择器之间还是有区别的。 子选择器的范围在形式上较窄,而属性选择器的范围则相对较大。 例如,在 p[id] 中,所有具有 ids 的 p 标签都具有相同的样式。 。

9、最狠的方法——!; 如果确实没有办法解决一些细节问题,可以使用这种方法。 FF会自动解析“!” 首先,但 IE 会忽略它。 如下。tabd1{ :url(/res// up/tab1.gif) no- 0px 0px !; /*FF 样式*/ :url(/res//up/tab1.gif) no- 1px 0px; /* Style for IE */} 值得注意的是,一定要放置这句话 xxxx! 在另一句话上面,如上所述

10.IE和FF的默认值问题。 也许你一直在抱怨为什么要专门为IE和FF写不同的CSS,为什么IE这么让人头疼,然后一边写CSS一边咒骂可恶的M$IE。 其实,对于 css 标准的支持而言,IE 并没有我们想象的那么糟糕。 关键是IE和FF的默认值不同。 掌握了这个技巧,你会发现写兼容FF和IE的css并不是那么困难。 也许对于css来说很简单,你不必使用“!” 根本没有事。 我们都知道,浏览器在显示网页时,会根据网页的css样式表来决定如何显示,但是我们不一定会在样式表中详细描述所有的元素,当然也有没必要这么做。 所以对于那些没有描述的属性,浏览器会使用内置的默认方法来显示,比如文本。 如果没有在CSS中指定颜色,浏览器将使用黑色或系统颜色来显示、p或其他元素的背景。 ,如果css中没有指定,浏览器会将其设置为白色或透明,其他未定义的样式以此类推。 因此,FF和IE很多东西显示不同的根本原因是它们的默认显示不同。 至于这个默认样式应该如何显示,我知道w3中是否有相应的标准来规定,所以这一点无需评论。 都怪IE。

11.为什么FF中的文字不能扩大容器的高度? 标准浏览器中固定高度值的容器不会像IE6中那样展开。 那么如果我想固定高度并想要扩大的话,应该如何设置呢? ? 办法是去掉min-:200px的设置; 为了照顾不认识min-的IE6,可以这样定义: { :auto!; :200 像素; 最小-:200px; }

12、如何让连续的长字段自动换行? 众所周知,在IE中,可以直接使用word-wrap:break-word。 在FF中,我们采用JS插入的方式来解决这个问题。

啊啊啊

/* ){ +=.(0,)+""; =.(,.); } +=""+; 对象。=; } if(. && !.all) ("ff", 37); /* ]]> */

13、为什么IE6下容器的宽度与FF下解释不一样?

使其兼容IE

问题的区别在于()的宽度是否包含在容器的整体宽度中。 这里IE6将其解释为200PX,而FF将其解释为220PX。 那么究竟是什么原因导致了这个问题呢?大家都把容器的顶部

各大网站如何解决各版本IE的兼容性问题(标题有点大)_html/-

从IE6到IE10,CSS的解释发生了很大的变化。 不过各大网站都实现了完全兼容(非IE浏览器本身没有问题。),请问有什么比较通用的解决方案吗? 这方面有没有统一的方案或者教程? 谢谢各位英雄。

回复讨论(解决方案)CSS文档解释了哪些浏览器不支持这种样式。 把ie6的样式放在这里。

CSS 文档解释了哪些浏览器不支持这种样式。 将 IE6 的样式放在这里。 我知道这是小页面的方法。 对于大型网站来说,这个方法只能部分使用,否则淘宝就从ie6到ie9,再到ff,再到gc,就完了! 当然这个方法也是需要的,那么哪里可以找到完整的信息呢? 谢谢。

兼容的前提是你的CSS代码必须非常规范。 就像我之前写的代码,如果没有浏览器就会不一样。 判断什么的很麻烦,不过现在大部分都没有问题了。 代码是以标准化方式编写的。 过一段时间,就不会有太大问题了。 本地就可以用啊,或者这样就可以了。

不管怎样,我想我还是需要在CSS中寻找兼容的写法,应该能解决很多问题吧!

哇,二楼的大哥凌晨2:30还没睡吗~~~~~~好吧,我觉得浏览器兼容性无非就是png图片~~~你的网站很大,就写一屏吧代码请各个浏览器调试~不然要等全部写完再检查修改,太麻烦了。 写一个屏幕来检查一个屏幕。 我一般都是这样做的,不会出现很多问题~~哪个浏览器兼容有问题,针对那个浏览器单独写一个样式就可以了~~~嘿o(∩_∩)o~

兼容的前提是你的CSS代码必须非常规范。 就像我之前写的代码,如果没有浏览器就会不一样。 判断什么的很麻烦,不过现在大部分都没有问题了。 代码是以标准化方式编写的。 过一段时间,就不会有太大问题了。 你本地用就可以啊,或者是这样就可以了。 4楼说的很对,我猜是这样的。 那么,有没有针对这种标准的标准化教程呢? 例如:什么情况下不宜与 一起使用。 其实说白了,CSS的功能那么多,用途无数,但是为了完全兼容,必须砍掉一些功能。 那么被砍掉的教程或者内容是谁整理的呢? 。谢谢

首先重新设置页面样式,如:*{:0;:0}...然后,按照相对标准的浏览器(ff,)编写样式。 最后针对其他浏览器做一些处理(即,opera)问题的主要原因无非是:不同的盒模型解析(如width:100%;然后添加填充符)、填充符的合并(主要是-top) , -) 浮动(反正没有什么特殊需要,我都是用: ; 但新手经常会因为这个而被一些BUG搞糊涂。老实说.clear;clear:after; , )

首先重新设置页面样式,如:*{:0;:0}...然后,按照相对标准的浏览器(ff,)编写样式。 最后针对其他浏览器做一些处理(即,opera)问题主要原因无非是:盒模型解析不同(比如width:100%;然后给出了填充符)填充符的合并(主要是 -top, -) 浮点数先排序,然后,最后 ? 谢谢。 开这个帖子的目的就是整理一下实际可以用的内容。 我知道省略号,它意味着还有 N 个。 我想要的是 N 更多,而不是省略号。 谢谢。 任何人都可以有一个组织良好的副本,即使不是最完整的,也可以。 还是要感谢8楼的!

其实说白了,CSS的功能那么多,用途无数,但是为了完全兼容,必须砍掉一些功能。 那么被砍掉的教程或者内容是谁整理的呢? 。 谢谢楼主,太懒了。 偷懒只能暂时省力,但一旦出现问题,你依然会傻眼。 所以别人给你整理N页是没有用的。 最有用的就是你要一一学习、实践,直到悟出为止。 说你需要“砍掉一些功能”恰恰相反(又是懒惰的想法,懒惰就是你整个核心问题)。 为了兼容,你必须尽可能多地学习。 对于一个功能,有时候你必须要在 CSS 中多写几倍的内容在里面。 至于有没有约定好的规则和代码片段,那是不可能的。 他们说JS灵活,但是CSS比JS灵活一百倍,并且它完全根据你的页面设计而改变。 除非你想和别人使用相同的界面,否则有捷径。 您可以直接使用它们的 CSS 和 HTML 结构,仅更改文本内容。

12楼说的对,我确实有偷懒的想法,但我也有不偷懒的想法,那就是:组织好的内容并不意味着CSS也要组织。 相反,它是完全兼容的 CSS 使用的编译摘要。 例如:现有的只是某个属性,在不同的浏览器中进行解释,然后给出几乎所有属性的示例。 这样做的好处是它是一本参考书,就像一本字典一样。 你不能仅仅拿着一本英语词典来学习真正的英语。 我想要的是关于如何编写完全兼容的 CSS 的教程。 这个东西通过一点一滴的总结确实是可行的,但是我相信想要学习完全兼容的同学都会希望有这样的教程。 本教程总结了所有不兼容的内容,然后教我们如何构建它。 一个完全兼容的网站。 相信很多人在建站之初其实都会犯一些不兼容的错误。 因为没有这方面的指导或教程,所以最终网站建成后,他们会在不知不觉中将不兼容的地方一一改正。 然而,我不知道为什么(即:添加一个属性,减去一个属性等,它恰好是兼容的)。 因此,如果有这样的教程,相信对大家都会有所裨益。 即使我需要买这本书,我也会毫不犹豫地买下来。

补充:例如:有时候需要留一些空白。 从视觉上看, 和 的效果是一样的,但是其父元素或子元素或相邻元素的某个属性(如:fixed)可能会导致浏览器的兼容性问题。 那么,如何制定总体规划,总体规划的理论依据是什么? 你可以看一下各大网站的CSS,都是完全兼容的。 这是某人总结的。 同时,伴随着这个总结,为了让这些CSS发挥它们的作用,某些CSS功能必须被丢弃(肯定有一些CSS功能只要使用,它们就不会完全兼容)。 我想要的是这个总结过程,或者一个教程。 谁能帮我? 如果你下载了那个CSS,它就没用了,因为你不知道如何用这个CSS来规划你的网站。

我深感,4L说的是真的。 刚开始写页面的时候,兼容性很差。 后来做的多了,估计质量也提高了。 一般不会有问题。 如果IE6有问题,一定是页面上没有写规范。 我觉得IE6虽然很烦人,但是它的错误检测能力确实很强。 不可能出现哪怕一个错误,因此规格非常重要。

我认为依靠教程来实现完全兼容是不可能的。 不同的屏幕结构和标签嵌套会互相影响,具体问题要根据属性来确定。

计划常常跟不上变化。 现实一点,一次迈出一步。

如何解决浏览器css样式兼容问题

有两种方法:

1.在同一个CSS样式表中,使用! 定义不同的值以适应IE。

例如:

:20 像素!; /为了 /

: 10 像素; /对于IE/

(注意这里IE6无法识别这个标记,但它会识别:20px,所以在末尾添加:10px来覆盖:20px)这种方法适合修改少量代码。

2.有条件的评论。 (仅对IE浏览器有效)这也是北极丙子博客目前使用的方法。 首先针对不同的浏览器编写自己的CSS样式,然后在头部添加以下代码以适应不同的IE浏览器版本:

注意:

gt: 高于(高于)

lte:小于或等于(小于或等于)

标签: css ie css颜色

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码