1樓：匿名使用者
瀏覽器相容問題
去看下吧 也許有幫助對你
2樓：匿名使用者
注意:*+html 對ie7的相容 必須保證html頂部有如下宣告：
二、萬能 float 閉合(非常重要!) 可以用這個解決多個div對齊時的間距不對，
關於 clear float 的原理可參見 [how to clear floats without structural markup]
將以下**加入global css 中,給需要閉合的div加上 class=」clearfix」 即可,屢試不爽.
**:9 屬性選擇器(這個不能算是相容,是隱藏css的一個bug)
p[id]{}div[id]{}
p[id]{}div[id]{}
這個對於ie6.0和ie6.0以下的版本都隱藏,ff和opera作用
屬性選擇器和子選擇器還是有區別的,子選擇器的範圍從形式來說縮小了,屬性選擇器的範圍比較大,如p[id]中,所有p標籤中有id的都是同樣式的.
10 ie捉迷藏的問題
當div應用複雜的時候每個欄中又有一些連結，div等這個時候容易發生捉迷藏的問題。
有些內容顯示不出來，當滑鼠選擇這個區域是發現內容確實在頁面。
解決辦法：對#layout使用line-height屬性 或者給#layout使用固定高和寬。頁面結構儘量簡單。
11 高度不適應
高度不適應是當內層物件的高度發生變化時外層高度不能自動進行調節，特別是當內層物件使用
margin 或paddign 時。例：
p物件中的內容
css：
#box
#box p
解決方法：在p物件上下各加2個空的div物件css**：.1或者為div加上border屬性。
遮蔽ie瀏覽器（也就是ie下不顯示）
*:lang(zh) select
select:empty
這裡select是選擇符，根據情況更換。第二句是mac上safari瀏覽器獨有的。
僅ie7識別
*+html
當面臨需要只針對ie7做樣式的時候就可以採用這個相容。
ie6及ie6以下識別
* html
這個地方要特別注意很多地主都寫了是ie6的相容其實ie5.x同樣可以識別這個相容。其它瀏覽器不識別。
html >body select
這句與上一句的作用相同。
僅ie6不識別
select
這裡主要是通過css註釋分開一個屬性與值，流釋在冒號前。
僅ie6與ie5不識別
select
這裡與上面一句不同的是在選擇符與花括號之間多了一個css註釋。
僅ie5不識別
select
這一句是在上一句中去掉了屬性區的註釋。只有ie5不識別
盒模型解決方法
selct ""; voice-family:inherit; width:正確寬度;}
盒模型的清除方法不是通過!important來處理的。這點要明確。
清除浮動
select:after
在firefox中，當子級都為浮動時，那麼父級的高度就無法完全的包住整個子級，那麼這時用這個清除浮動的相容來對父級做一次定義，那麼就可以解決這個問題。
截字省略號
select
這個是在越出長度後會自行的截掉多出部分的文字，並以省略號結尾，很好的一個技術。只是目前firefox並不支援。
只有opera識別
@media all and (min-width: 0px) }
針對opera瀏覽器做單獨的設定。
以上都是寫css中的一些相容，建議遵循正確的標籤巢狀(div ul li 巢狀結構關係)，這樣可以減少你使用相容的頻率，不要進入理解誤區，並不是一個頁面就需要很多的相容來保持多瀏覽器相容)，很多情況下也許一個相容都不用也可以讓瀏覽器工作得非常好，這些都是用來解決區域性的相容性問題，如果希望把相容性的內容也分離出來，不妨試一下下面的幾種過濾器。這些過濾器有的是寫在css中通過過濾器匯入特別的樣式，也有的是寫在html中的通過條件來連結或是匯入需要的補丁樣式。
ie5.x的過濾器，只有ie5.x可見
@media tty } @import 』ie5win.css』;
ie5/mac的過濾器，一般用不著
下面是ie的條件註釋，個人覺得用條件註釋呼叫相應相容是比較完美的多瀏覽器相容的解決辦法。把需要相容的地方單獨放到一個檔案裡面，當瀏覽器版本符合的時候就可以呼叫那個被相容的樣式，這樣不僅使用起來非常方便，而且對於製作這個css本身來講，可以更嚴格的觀察到是否有必要使用相容，很多情況下，當我本人寫css如果把全部**包括相容都寫到一個css檔案的時候的時候會很隨意，想怎麼相容就怎麼相容，而你獨立出來寫的時候，你就會不自覺的考慮是否有必要相容，是先相容 css？還是先把主css裡面的東西調整到儘可能的不需要相容？
當你僅用很少的相容就讓很多瀏覽器很乖很聽話的時候，你是不是很有成就感呢？你知道怎麼選擇了吧～～呵呵
ie的if條件相容 自己可以靈活使用參看這篇ie條件註釋
only ie
所有的ie可識別
只有ie5.0可以識別
only ie 5.0+
ie5.0包換ie5.5都可以識別
僅ie6可識別
only ie 7/-
ie6以及ie6以下的ie5.x都可識別
only ie 7/-
僅ie7可識別
css 當中有許多的東西不不按照某些規律來的話，會讓你很心煩，雖然你可以通過很多的相容，很多的!important 來控制它，但是你會發現長此以往你會很不甘心，看看許多優秀的**，他們的css讓ie6,ie7,firefox,甚至safari,opera執行起來完美無缺是不是很羨慕？而他們看似複雜的模版下面使用的相容少得可憐。
其實你要知道ie 和 firefox 並不不是那麼的不和諧，我們找到一定的方法，是完全可以讓他們和諧共處的。不要你認為發現了相容的辦法，你就掌握了一切，我們並不是相容的奴隸。
div ul li 的巢狀順序
今天只講一個規則。就是的三角關係。我的經驗就是在最外面，裡面是，然後再是，當然裡面又可以巢狀什麼的，但是並不建議你巢狀很多東西。
當你符合這樣的規則的時候，那些倒黴的，不聽話的間隙就不會在裡面出現了，當你僅僅是裡面放，而不用的時候，你會發現你的間隙十分難控制，一般情況下，ie6和ie7會憑空多一些間距。但很多情況你來到下一行，間隙就沒了，但是前面的內容又空了很大一塊，出現這種情況雖然你可以改變ie的margin，然後調整firefox下面的padding，以便使得兩者顯示起來得效果很相似，但是你得css將變得臭長無比，你不得不多考慮更多可能出現這種問題補救措施，雖然你知道千篇一律來相容它們，但是你會煩得要命。
具體巢狀寫法
遵循上面得巢狀方式，
然後在css 裡面告訴 ul ，其中list-style:none是不讓標記的最前方顯示圓點或者數字等目錄型別的標記，因為ie和firefox顯示出來預設效果有些不一樣。因此這樣不需要做任何手腳，你的ie6、和ie7、firefox顯示出來的東西(外距，間距，高度，寬度)就幾乎沒什麼區別了，也許細心的你會在某一個時刻發現
一、兩個象素的差別，但那已經很完美了，不需要你通過調整大片的css來控制它們的顯示了，你願意，你可以僅僅相容一兩個地方，而且通常這種相容可以適應各種地方，不需要你重複在不同的地方除錯不同的相容方式–減輕你的煩。你可以ul.class1, ul.
class2, ul.class3 的方式方便的整理出你要相容的地方，而統一相容。嘗試一下吧，再也不要亂巢狀了，雖然在div+css的方式下你幾乎可以想怎麼巢狀就怎麼巢狀，但是按照上面的規律你將輕鬆很多，從而事半功倍！
3樓：匿名使用者
瀏覽器的用的核心是不一樣的，所以編譯**也不一樣，但如果你的**通過w3c的語言標準的話一般都會顯示正常
對聯高手請進，對聯高手請進
丹鳳呈祥龍獻瑞 紅桃賀歲杏迎春 橫批 福滿人間黃鶯鳴翠柳 紫燕剪春風 橫批 鶯歌燕舞春花含笑意 爆竹增歡聲橫批 喜氣盈門 汗馬絕塵安外振中標青史 錦羊開泰富民清政展新篇 橫批 春滿人間百世歲月當代好 千古江山今朝新 橫批 永珍更新 1.因荷而得藕 有杏不須梅 2.蒲葉桃葉葡萄葉,草本木本 梅花桂花玫...
作文高手請進，作文高手請進
不能死記硬背 那樣沒有效果 你要多看看作文異類的書 用心去看 把它當成一種樂趣 那樣你會成功的！材料是背了沒用的，可以作為參考，聯絡自己.平時多去積累一些.只要記得一些好句子 一些巧妙的構思就行了 平時多積累就行了 不要死記硬背 不然考試時頭昏腦脹 就更加寫不好了 還有就是平時有想法就多寫點東西 不...
英語高手請進，英語高手請進
橫向和縱向捲曲的樣品都做了測試。等溫測試中，每種樣品保持在恆定的高溫下然後增加負載直到破壞。變溫測試中，樣品載入一個指定的應力水平，並且爐溫逐漸上升 依照en 1991 1 2 13 規定的標準溫度 時間關係 直到樣品破壞。低溫下，兩類測試 恆溫和變溫 給出相同的結果，但是隨著溫度升高結果的差別也隨...