瀏覽器相容性 問題收集

2022-01-12 07:20:16 字數 1340 閱讀 3696

2023年8月28日11:53:38

設定table  的邊框為1畫素

#userdi

#userdi td

2023年8月27日10:20:04

function getexplorer()

//firefox 

else if (explorer.indexof("firefox") >= 0)

//chrome

else if(explorer.indexof("chrome") >= 0)

//opera

else if(explorer.indexof("opera") >= 0)

//safari

else if(explorer.indexof("safari") >= 0)

}1. button按鈕文字居中

.button 

.button::-moz-focus-inner/*針對firefox*/

.button:hover

.button:active

2. 其他文章:ie6、ie7、ie8的css、js相容   閱讀

3. ie6 frameset

解決辦法:的背景去掉就好了

如:/*background:url(../../images/main/article.png) right top repeat-y;

padding-right:4px;*/

終於解決這個垃圾問題了 

二、使用框架(無論是frameset、frame、iframe)巢狀網頁的時候,如果子網頁的高度超過了預先設定的高度,會出現滾動條,也就是尺寸溢位,一般來說如果高度超了就出現垂直滾動條,寬度超了就出現水平滾動條,但是在ie6中,只要尺寸大於等於預定高度,就會兩個滾動條一起出現,這好象是乙個bug

解決方法:

在子網頁設定css如下:

html

這段最重要的一點是設定overflow-y為scroll,這樣強制出現垂直滾動條的話,水平滾動條就不會顯示出來了,但如果寬度超出過多,水平滾動條還是會超出,這時可以考慮設定:overflow-x:hidden;,但相應的,這樣使用者就無法滾動子頁面了。

之所以要加overflow-y:auto!important;,是因為ie7中已沒有這個bug,並且firefox也能認到overflow-y這個據說是ie的私有屬性……,所以我們還要把overflow設回來。

上面這個方法還可以有改進的地方

既然只有ie6有這個bug那就只針對ie6寫就行了

html

_下劃線是ie6專有的 這樣就又省了一行** 又提高了效率

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...

瀏覽器相容性問題

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...

瀏覽器相容性問題

解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...