電子商城資源解決ie6ie7ff兩種方案_第1頁
電子商城資源解決ie6ie7ff兩種方案_第2頁
電子商城資源解決ie6ie7ff兩種方案_第3頁
電子商城資源解決ie6ie7ff兩種方案_第4頁
電子商城資源解決ie6ie7ff兩種方案_第5頁
已閱讀5頁，還剩1頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

html編碼要素，望能font-size:14px的宋體文字，在不同瀏覽器下占的空間是opera下就更不一樣了。解決方案：給文字設(shè)定line-height。確保所有文字都有默認(rèn)的line-height值。這點(diǎn)很重要，在高度上我們1px的差異。ieheight。float容器未定義寬度，ff下內(nèi)容會盡可能撐開容器寬度，iewidth小實(shí)驗(yàn)：有大家這段實(shí)驗(yàn)。在不同瀏覽器下分別測試以下各項(xiàng)代碼<divstyle=”border:1pxsolid<divstyle=”border:1pxsolid<divstyle=”border:1pxsolid<divstyle=”border:1pxsolid上面的代碼在不同瀏覽器中是不一樣的，實(shí)驗(yàn)于對小height值div的運(yùn)用，<divstyl=”t:10x;:hiddn”></>浮動的清除，ffie6的種種劣跡。最被痛恨的，double-marginbugie6margin-leftmargin-right實(shí)際效果是數(shù)值的2倍。解決方案，給浮動容器定義disy:inline。mirrormarginbugfloatmargin-top:14px，將borderfloat引申：ffiemargin-bottom，padding-bottom的解釋有時(shí)不一致，似乎與之bug下，大家會在頁面看到豬字出現(xiàn)兩遍，重復(fù)的內(nèi)容量因注釋的多少而變。解決方案：用“<!–[if!IE]>picRotatestart<![endif]–>”方法寫注釋。<li/>float<div/>li不同的屬性會有不同的解釋效果，ff下的解釋稍可理解，ie6下的解釋會讓你摸不著頭腦，由使用了“float:left;disy:inline”的ul的奇怪表現(xiàn)可以看出這句css是針對ie6下的double一文中有相關(guān)闡述。而這句css用在ul上會讓你痛苦。點(diǎn)到為止，這里不能多說哈。img mce_src=”"<imgsrc=”"mce_src=”"后面兩個(gè)要緊挨著ie7下這個(gè)bug依然存在解決方案給img設(shè)定disy:block/>單行文字line-height效果了。。。，原因是<img/>這個(gè)inline-block元素和inline元img和文字都float起來。imgaligntext-top，middle，absmiddle啊什么的，你可以嘗試去調(diào)imgieffimg和文字都floatmargin調(diào)整。的hover狀態(tài)。a:hoverimg{width:300px}我們想讓鼠標(biāo)hover時(shí)，里包含的ie6下無效，ie7、ff下有效。非的hover狀態(tài)。div:hover{}這樣的樣式ie6是不認(rèn)的，在ie7、ff下才有效果block化的a，其內(nèi)套absolute層，absolute層內(nèi)放置img，ie下，鼠標(biāo)點(diǎn)擊不會有效果，ff、op下正常csshack的。floatul下的li具有了floatclear浮動的li呢？<ul><liclass=”c”></li></ul>或者<ul><li><div>class=”c”></div></li></ul>或者<ul><li></li><div>class=”c”></div></ul><ul><li></li></ul><div>class=”c”></div>或<!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0><style.bd{border:1pxsolidul.exli{float:left;border:1pxsolid<ul<div<divclass=bdstyle=margin-iemargin-top:19pxmargin-top:20px你發(fā)現(xiàn)什么了？要素：doctype必須有，ie6、ie7margin-top:19px還好好的，margin-top:20px就出問題了，無法解釋。。。大家還可以將clear層換不同的位置測試。ulzoom:1（lizoom:1沒用引申：clearclear屬性直接放到下面的一個(gè)內(nèi)容ffopmargin效果，iemargin值也會失效<div<divstyle=”clear:both;margin-overflow-xoverflow-y的特性，ie7、ff不支持。ie6bugdivdivdiv高度float屬性。ie6bug，<head></head>內(nèi)有<basetarget=”_blank”/>floatbug才行，累啊。operaie。IE6、IE7、Firefox兼容的兩種方案第案：CSSHack{position:fixed;#position:_position:}FirefoxIE7（IE8、IE9也是如此，誰知道呢）看IE6以及更老的版本看JavaScript代碼（IE6expression），我這里有一個(gè)現(xiàn)成的頁面，CSS{position:_position:absolute; patMode&& pat')Element.scrollTop+15.body.scrollTop}css文件。JS判斷或服務(wù)器端方法。selectorproperty:value;}Hack以IE系列selector{+property:value;}在屬性名前加上加號"+",HackIE系列可以識別.selector{*property:value;}在屬性名前加上星號"*",HackIE系列可以識別.selector_property:value;}在屬性名前加上下劃線"_",Hack只有IE(IE7外)*htmlselectorproperty:value;}*htmlselector,HackIE(除IE7外)可以識別html/**/>bodyselectorproperty:value;}html/**/bodyselectorHackIE(IE7外)可以識別selector{property/**/:value;}在屬性名和冒號":"之間加入注釋,IE6用selector/**/property/**/:value;}在選擇器和花括號"{"之間以及在屬性名和冒號":"之間加入注釋,IE5和IE6用(不IE5.5).select/**/{property:value;}在選擇器和花括號"{"之間加入注釋,IE5用*+htmlselectorproperty:value!important;}*+htmlselector再加上!important,HackIE7可以識別.*:lang(langselectorproperty:value!important;}lang(語言)再加上!important進(jìn)行定義的話,Firefox可以識別.selector:emptyproperty:value!important;}empty再加上!important進(jìn)行定義的話,Safari可以識別.@mediaalland(min-width0px){selectorproperty:value;}}利用特殊繼承法進(jìn)行定義的話,Opera可以識別.Hack的運(yùn)用,CSSHack,Hack.CSS

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論