web前端開發中瀏覽器相容問題(二)

2021-07-24 23:00:42 字數 1027 閱讀 5319

6.div浮動ie文字產生3px的問題

左邊物件浮動,右邊採用外補丁的左邊距來定位,右邊物件內的文字會離左邊有3px的間距.

#box

#left

#right

*html  #left

顯示區別

7.高度不適應問題

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

• 解決辦法:在p物件前後各加乙個div物件,對這個div物件新增乙個border屬性即可。

8.ie下有空隙產生問題

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

9.對齊文字與文字輸入框問題

加上 vertical-align:middle;

10.web標準中id與class有區別嗎

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

• 屬性的優先順序:id 的優先順序要高於class

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

Web前端瀏覽器相容問題

問題1 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比 設定的大 問題描述 塊狀元素被新增float屬性後,在ie6顯示橫行margin值加倍。解決方法 在float的標籤樣式控制中加入 display inline 將其轉化為行內屬 性。問題2 設定較小高度標籤 ...

web前端瀏覽器相容問題

css中設定萬用字元 標籤設定overflow hidden 或者設定line height的值小於設定值。使用float img布局 opacity 0.5 filter alpha opacity 50 filter progid dximagetransform.microsoft.alpha...

web前端開發中瀏覽器相容問題(三)

11.li中內容超過長度後以省略號顯示 此方法適用於ie與op瀏覽器 12.為什麼無法定義1px左右高度的容器 ie6下這個問題是因為預設的行高造成的,解決的方法也有很多,例如 overflow hidden zoom 0.08 line height 1px等。13.怎樣使乙個div垂直居中於瀏覽...