黄色网站手机在线观看,欧美福利大片,四虎影视在线看免费观看

- 龍誠動態(tài)
 
 行業(yè)新聞
 
 我們的觀點
 
 公司公告
 
 建站技術
 
 網站SEO優(yōu)化
 
 網站制作流程
 
 產品報價
 - 聯(lián)系電話：0577-55882408
 - 傳真號碼：0577-55882411
 - 聯(lián)系手機：15224122065
 - 聯(lián)系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
 關于CSS對各個瀏覽器兼容已經是老生常談的問題了, 網絡上的教程遍地都是.以下內容沒有太多新穎, 純屬個人總結, 希望能對初學者有一定的幫助. 一、CSS HACK HACK概念： 不同的瀏覽器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，對CSS的解析認識不一樣，因此會導致生成的頁面效果不一樣，得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時兼容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。這個針對不同的瀏覽器寫不同的CSS code的過程，就叫CSS hack, HACK規(guī)則： IE都能識別*;標準瀏覽器(如FF)不能識別*；IE6能識別*，但不能識別 !important；IE7能識別*，也能識別!important；FF不能識別*，但能識別!important; 瀏覽器優(yōu)先級別:FF<IE7<IE6,CSS hack書寫順序一般為FF IE7 IE6 例： 以: " #demo {width:100px;} "為例; #demo {width:100px;} * html #demo {width:120px;} *+html #demo {width:130px;} --------------- 所以最后,#demo的寬度在三個瀏覽器的解釋為: FIREFOX:100px; ie6:120px;ie7:130px;以下兩種方法幾乎能解決現(xiàn)今所有HACK. 1, !important 隨著IE7對!important的支持, !important 方法現(xiàn)在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.) <style> #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } </style> 2, IE6/IE77對FireFox *+html 與 *html 是IE特有的標簽, firefox 暫不支持.而*+html 又為 IE7特有標簽. <style> #wrapper { #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed, 注意順序 */ } </style> 注意: *+html 對IE7的HACK 必須保證HTML頂部有如下聲明： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"　"<a >http://www.w3.org/TR/html4/loose.dtd</a>"> 二、萬能 float 閉合 關于 clear float 的原理可參見 [How To Clear Floats Without Structural Markup] 將以下代碼加入Global CSS 中,給需要閉合的div加上 class="clearfix" 即可,屢試不爽. <style> /* Clear Fix */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */ .clearfix {display:block;} /* End hide from IE Mac */ /* end of clearfix */ </style>

亚州一级-亚州视频在线-亚州视频一区二区-亚州视频一区-亚州三级视频-亚州三级