当前位置: 网站建设 > 网页设计 > 建站经验 >

针对不同的浏览器写不同的CSS code

时间:2013-03-02 04:16来源:未知 作者:admin 点击:

标签:针对不同的浏览器写不同的CSS code 不同(24)针对(6)-----------(1)CSS(823)code(3)浏览器(54)
--------------- \9 例:border:1px \9;.这里的\9可以区别所有IE和FireFox. 注:不论是什么方式,书写的顺序都是firefox的写在前面,IE7的写在旁边,IE6的写在最后面。 IE8 最新css hack: 另外再弥补一个,下划线_, IE6支撑下划线,IE7跟firefox均不支持下划线。 #demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/ 请求阐明:如果我们设置一个类名为exple的类CSS属性,CSS款式边框为1PX玄色
针对不同的浏览器写不同的CSS code》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023494H013.htm

  ---------------

  "\9" 例:"border:1px \9;".这里的",针对不同版本的IE浏览器的条件CSS应用;\9"可以区别所有IE和FireFox.

注:不论是什么方式,书写的顺序都是firefox的写在前面,IE7的写在旁边,IE6的写在最后面。

  IE8 最新css hack:

另外再弥补一个,下划线"_",
IE6支撑下划线,IE7跟firefox均不支持下划线。

  #demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/

请求阐明:如果我们设置一个类名为exple的类CSS属性,CSS款式边框为1PX玄色边框,高度为100PX并要求,在IE6浏览器下宽度为100PX;IE7浏览器宽度下为150PX;火狐IE8谷歌浏览器下宽度为200PX;(PX是长度单位像素)

  所以最后,#demo的宽度在三个浏览器的说明为:

以上是先容差别各阅读器的CSS hack的写法,下面咱们简略介绍这些CSS hack用法:

 ,重新认识网站制作过程中采用div+css的布局方式;

  以: " #demo {width:100px;} "为例;

  *+html #demo {width:130px;} /*会被IE7执行*/

浏览器优先级别:FF<IE7<IE6,CSS hack书写次序个别为FF IE7 IE6

  ie7:130px;

  "_" IE6能够识别"_",IE7、IE8、FireFox不能.

  * html #demo {width:120px,重新认识网上赚钱的几个方法;} /*会被IE6履行,之前的定义会被后来的笼罩,所以#demo的宽度在IE6就为120px; */

我们先看下不同浏览器之间的区别:

 

  FIREFOX:100px;

  "*" IE6、IE7可以识别.IE8、FireFox不能.

首先建站学带你懂得下什么是CSS hack:

  ie6:120px;

IE6比较老的版本浏览器,用户比较多,
IE7较新浏览器,更靠近标准浏览器,
IE8算是微软尺度浏览器,但差异于浏览器,
火狐(Mozilla, Firefox)和谷歌浏览器(chrome)是比拟标准的IE浏览器,一般我们以这个浏览器为开发参考平台,同时IE8与这两个浏览器解释CSS比较濒临,普通只有通过分狐、谷歌浏览器测试兼容,正常就能断定IE8.

CSS hack因为不同的浏览器,比方Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析意识不一样,因而会导致天生的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就须要针对不同的浏览器去写不同的CSS,让它可能同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面后果。这个针对不同的浏览器写不同的CSS code的进程,就叫CSS hack!

则CSS代码如下:
.exple{border:1px solid #000; height:100px;width:200px; *width:150px !important; *width100px;}
这样只要在html设置一个div的类(class="exple"),重复收录页面的产生,这样这局部在火狐、IE8、谷歌浏览器下就会显示宽度为200px高度为100px带1px的黑边框的方块;IE7浏览器宽度下为150PX高度为100px带1px的黑边框的方块;在IE6浏览器下就会显示出长度和宽度为100px的带1px黑边的正方形。

--> [网站建设之]针对不同的浏览器写不同的CSS code

因此一般我们区别这些浏览器CSS hack的办法就变得简单,我们只要斟酌IE6\IE7\火狐(Firefox)这3个浏览器即可兼容全体浏览器。
详细区别如下:
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
区别IE7与FF:
background:orange; *background:green;
区别FF,IE7,IE6:
background:orange;*background:green !important;*background:blue;

于是大家还可以这样来辨别IE6,IE7,firefox: background:orange;*background:green;_background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能辨认!important;
FF不能识别*,但能识别!important,部分中小站长被懒惰思想侵蚀的几点危害;以下是各浏览器CSS hack表格

Tag:CSS   code   浏览器   CSS   code   浏览器  
(责任编辑:网站建设)
针对不同的浏览器写不同的CSS code相关文章
上一篇:针对不同版本的IE浏览器的条件CSS应用 下一篇:针对如何打造高质量外链的技巧分享
回到顶部