CSS瀏覽器相容問題集(二)

2021-06-22 07:51:00 字數 1201 閱讀 8999

11.高度不適應

高度不適應是當內層物件的高度發生變化時外層高度不能自動進行調節,特別是當內層物件使用margin 或paddign 時。   

例:  

#box     

#box p     

p物件中的內容

解決方法:在p物件上下各加2個空的div物件css**:.1或者為div加上border屬性。

12 .ie6下為什麼下有空隙產生

解決這個bug的方法也有很多,可以是改變html的排版,或者設定img 為display:block 或者設定vertical-align 屬性為vertical-align:top | bottom |middle |text-bottom 都可以解決. 

13.如何對齊文字與文字輸入框

加上 vertical-align:middle;

14.web標準中定義id與class有什麼區別嗎

一.web標準中是不容許重複id的,比如 div id="aa"  不容許重複2次,而class 定義的是類,理論上可以無限重複, 這樣需要多次引用的定義便可以使用他.

二.屬性的優先順序問題

id 的優先順序要高於class,看上面的例子

三.方便js等客戶端指令碼,如果在頁面中要對某個物件進行指令碼操作,那麼可以給他定義乙個id,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠遠不如乙個id來得簡單. 

15. li中內容超過長度後以省略號顯示的方法

此方法適用與ie與op瀏覽器

16.為什麼web標準中ie無法設定滾動條顏色了

解決辦法是將body換成html

17.為什麼無法定義1px左右高度的容器

ie6下這個問題是因為預設的行高造成的,解決的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

18.怎麼樣才能讓層顯示在flash之上呢

解決的辦法是給flash設定透明

19.怎樣使乙個層垂直居中於瀏覽器中

這裡我們使用百分比絕對定位,與外補丁負值的方法,負值的大小為其自身寬度高度除以二

CSS瀏覽器相容問題大全

1 firefox下父容器的高度自適應 height 100 overflow auto 2 ie6的雙倍邊距bug display inline 3 超連結訪問過後hover樣式不出現的問題 改變css屬性的排列順序 l v h a 4.ff下使連續長欄位自動換行 ie中直接使用word wrap...

CSS及瀏覽器相容問題

css 框模型概述 元素框的最內部分是實際的內容,直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距,外邊距預設是透明的,因此不會遮擋其後的任何元素。內邊距 邊框和外邊距都是可選的,預設值是零。但是,許多元素將由使用者 樣式表設定外邊距和內邊距。可以通過將元素的 m...

css瀏覽器相容問題集錦

表單按鈕用input type submit和a鏈結兩者表現不一致的問題 表單的輸入框 文字 驗證碼沒有對齊 ie6 7中margin失效 ie6中margin雙邊距 1 問題 表單按鈕用input type submit和a鏈結兩者表現不一致的問題。input.btn.btn 解決方案 btn w...