91亚洲精华国内精华精华液_国产高清在线精品一区不卡_精品特级一级毛片免费观看_欧美日韩中文制服有码_亚洲精品无码你懂的网站369

       瀏覽器兼容性問題是網(wǎng)站前端設(shè)計(jì)師必須要掌握的必備結(jié)束,網(wǎng)絡(luò)上也有很多相關(guān)的資料,但是很多不符合WEB2.0標(biāo)準(zhǔn)?,F(xiàn)在主流的解決方法主要是IE條件注釋和CSS HACK*(建議盡量少用,容易用上癮)。

前言,對(duì)于開發(fā)人員來說最大的問題是絕大多數(shù)用戶仍然在使用IE6,而它是一個(gè)對(duì)CSS規(guī)范支持較差,問題較多的瀏覽器。

1.1條件注釋

2. 0  css hack

      前言, CSS hack由于不同的瀏覽器,比如Internet Explorer 6,Internet Explorer 7, 6,Internet Explorer 8,Mozilla Firefox等,對(duì)CSS的解析不一樣,因此會(huì)導(dǎo)致生成的頁(yè)面效果不一樣,得不到我們所需要的頁(yè)面效果。 這個(gè)時(shí)候我們就需要針對(duì)不同的瀏覽器去寫不同的CSS,讓它能夠同時(shí)兼容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁(yè)面效果。

 

2.1 css hack詳解

     注:所有的hack都是針對(duì)IE瀏覽器
    "\9" 例:"border:1px \9;".這里的"\9"可以區(qū)別所有IE和FireFox.
    "\0" IE8識(shí)別,IE6、IE7不能.
    "*" IE6、IE7可以識(shí)別.IE8、FireFox不能.
     "_" IE6可以識(shí)別"_",IE7、IE8、FireFox不能.

2.2 css hack 舉例1
   IE6 hack
   _background-color:#CDCDCD;

   IE6 IE7 hack
   *background-color:#dddd00;

   IE8 hack
   background-color:red\0;

   IE9 hack
   background-color:blue\9\0;
2.3 css hack 舉例2


 #tip{
      background:blue;
      background:green\9;    區(qū)分IE 和firefox(不支持)
      *background:red !important;
      *background:yellow; }
     說明:IE6能識(shí)別*;不能識(shí)別 !important;
        IE7能識(shí)別*,能識(shí)別!important;
            FF不能識(shí)別*,但能識(shí)別!important;
2.4 CSS HACK總結(jié)

_IE6專用 (IE6不支持!important)
*IE6和IE7專用
\0 IE8IE9
\9區(qū)分IE和火狐
!important IE6以上的瀏覽器支持

\9\0 IE9支持

穩(wěn)定

產(chǎn)品高可用性高并發(fā)

貼心

項(xiàng)目群及時(shí)溝通

專業(yè)

產(chǎn)品經(jīng)理1v1支持

快速

MVP模式小步快跑

承諾

我們選擇聲譽(yù)

堅(jiān)持

10年專注高端品質(zhì)開發(fā)
  • 返回頂部