css與瀏覽器相容性問題,css與瀏覽器相容性問題?

時間 2021-10-14 20:54:51

1樓:匿名使用者

就只有樣式是看不出來哪有問題。你得把你的div佈局**都貼出來啊

怎麼解決瀏覽器相容性問題

2樓:璇寶媽媽

專新打屬開試一下,還不行的話就開啟瀏覽器,在工具選單裡面選擇「internet選項」,在高階選項裡面進行重置,在重置internet explorer的對話方塊中選擇重置就可以了。這樣可以清除一下第三方外掛。

3樓:涼薄輕嘆雪

器平臺,**設計師們不得不想盡辦法處理好**建設中的瀏覽器相容問題。正是因為**設計當中的這一需要產生了一項新技術— css hack。 css hack 就是針對不同瀏覽器寫出不同的 css code 的過程,主要用來解決目前各類瀏覽器無法標準解析css樣式,導致同一**設計頁面在不同瀏覽器下出現顯示效果不一致的相容問題。

針對不同瀏覽器,可以將css hack **設計**整理如下:

1、針對i e 系列瀏覽器的**設計** 針對 ie 6 的專屬 css hack **設計** #id 也就是在**設計css屬性前加一個小劃線就好。 針對 ie 7 的專屬 css hack **設計** #id 即在**設計css屬性前加上一個星號即可 針對 ie 8 的專屬 css hack **設計** #id 如上所示,解決辦法為在**設計css屬性後分號前加上空格與斜線並加入一個數字9即可 。

2、針對火狐的css hack **設計** 火狐可謂是最標準的瀏覽器之一了,**設計技術只要稍稍不到位就能體現得淋漓盡致,所以不少**設計師也很頭痛,其實想要解決火狐的相容性除了要把**設計的基礎知識扎牢之外只要將css**寫入到下圖 @-moz-document url-prefix() 裡面就行了 @-moz-document url-prefix() } 。

3、針對 safari 的css hack **設計** safari是蘋果計算機的最新作業系統mac os x中新的瀏覽器,用來取代之前的internet explorer for mac,使用了kde的khtml作為瀏覽器的運算核心。 @media screen and (-webkit-min-device-pixel-ratio:0) } 相容性做法和火狐相近。

4、針對 opera 的css hack **設計** opera即opera software asa,是桌上型電腦、各種裝置和行動網路瀏覽器市場的商業領袖,因快速、小巧和比其他瀏覽器更佳的標準相容性獲得了國際上的終端使用者和業界**的承認,並在網上受到很多人的推崇。 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:

0) } 這個世界上必然不會存在絕對完美的事物,因此運用以上方法讓我們的**設計更好的與各種瀏覽器相容的時候其實已經違反了**製作的w3c標準。

4樓:郜語糜翠梅

如果你指的是div+css佈局在瀏覽器下不相容,那麼我可以幫助你。

如果是專div+css解決瀏覽器相容,我可以幫屬助你;你只要檢視**寫的是否有問題,然後padding值和margin值的書寫是否規範。

如果是此類問題請lz補充一下。

如果你指的是其他我就幫不了你了。

首先我沒有看到你**沒法告訴你**有問題,其次:如果你是用的是dw編寫的話dwcs3有一個功能就是檢查瀏覽器相容行,你可以試一下,還有就是檢查頁面是否有問題。

最後:你說的是js和css我想你一定是做某一個特效,在ie下好使在ff下不相容是吧。如果是這樣的話你就好好檢查一下js書寫是否有問題。

最後還是隻要css**寫的沒問題,頁面也能夠相容。

我就是做網頁製作/佈局的如果有問題,大家一起研究啊。

常見的css瀏覽器相容性問題有哪些,如何解決

5樓:愛染年

瀏覽器相容問題一:不同瀏覽器的標籤預設的margin和padding不同 問題症狀:隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。

碰到頻率:100% 解決方案: css里加一行 1 * 備註:

這個是最常見的也是最易解決的一個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元*來設定各個標籤的內外補丁是0。 瀏覽器相容問題二:塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大 問題症狀:

常見症狀是ie6中後面的一塊被頂到下一行 碰到頻率:90%(稍微複雜點的頁面都會碰到,float佈局最常見的瀏覽器相容問題) 解決方案:在float的標籤樣式控制中加入 display:

inline;將其轉化為行內屬性 備註:我們最常用的就是div+css佈局了,而div就是一個典型的塊屬性標籤,橫向佈局的時候我們通常都是用div float實現的,橫向的間距設定如果用margin實現,這就是一個必然會碰到的相容性問題。 瀏覽器相容問題三:

設定較小高度標籤(一般小於10px),在ie6,ie7,遨遊中高度超出自己設定高度 問題症狀:ie6、7和遨遊裡這個標籤的高度不受控制,超出自己設定的高度 碰到頻率:60% 解決方案:

給超出高度的標籤設定overflow:hidden;或者設定行高line-height 小於你設定的高度。 備註:

這種情況一般出現在我們設定小圓角背景的標籤裡。出現這個問題的原因是ie8之前的瀏覽器都會給標籤一個最小預設的行高的高度。即使你的標籤是空的,這個標籤的高度還是會達到預設的行高。

瀏覽器相容問題四:行內屬性標籤,設定display:block後採用float佈局,又有橫行的margin的情況,ie6間距bug 問題症狀:

ie6裡的間距比超過設定的間距 碰到機率:20% 解決方案:在display:

block;後面加入display:inline;display:table; 備註:

行內屬性標籤,為了設定寬高,我們需要設定display:block;(除了input標籤比較特殊)。在用float佈局並有橫向的margin後,在ie6下,他就具有了塊屬性float後的橫向margin的bug。

不過因為它本身就是行內屬性標籤,所以我們再加上display:inline的話,它的高寬就不可設了。這時候我們還需要在display:

inline後面加入display:talbe。 瀏覽器相容問題五:

**預設有間距 問題症狀:幾個img標籤放在一起的時候,有些瀏覽器會有預設的間距,加了問題一中提到的萬用字元也不起作用。 碰到機率:

20% 解決方案:使用float屬性為img佈局 備註:因為img標籤是行內屬性標籤,所以只要不超出容器寬度,img標籤都會排在一行裡,但是部分瀏覽器的img標籤之間會有個間距。

去掉這個間距使用float是正道。(我的一個學生使用負margin,雖然能解決,但負margin本身就是容易引起瀏覽器相容問題的用法,所以我禁止他們使用) 瀏覽器相容問題六:標籤最低高度設定min-height不相容 問題症狀:

因為min-height本身就是一個不相容的css屬性,所以設定min-height時不能很好的被各個瀏覽器相容 碰到機率:5% 解決方案:如果我們要設定一個標籤的最小高度200px,需要進行的設定為:

備註:在b/s系統前端開時,有很多情況下我們又這種需求。當內容小於一個值(如300px)時。

容器的高度為300px;當內容高度大於這個值時,容器高度被撐高,而不是出現滾動條。這時候我們就會面臨這個相容性問題。 瀏覽器相容問題七:

各種特殊樣式的相容,比如透明度、圓角、陰影等。特殊樣式每個瀏覽器的**區別很大,所以,只能現查資料通過給不同瀏覽器寫不同的**來解決。 js解決ie6下png透明失效的問題 做相容頁面的方法是:

每寫一小段**(佈局中的一行或者一塊)我們都要在不同的瀏覽器中看是否相容,當然熟練到一定的程度就沒這麼麻煩了。建議經常會碰到相容性問題的新手使用。很多相容性問題都是因為瀏覽器對標籤的預設屬性解析不同造成的,只要我們稍加設定都能輕鬆地解決這些相容問題。

如果我們熟悉標籤的預設屬性的話,就能很好的理解為什麼會出現相容問題以及怎麼去解決這些相容問題。

怎麼解決css網頁與瀏覽器相容性問題?

6樓:山東文匯軟體

這個得看你具體想相容什麼了,具體相容到ie幾 不同的瀏覽器有不同的寫法,ie8的話可以直接去網上搜尋相容,具體相容什麼屬性一般都可以搜尋到

如何解決ie瀏覽器的相容性? div+css

如何解決不同瀏覽器之間的相容性問題

李鴻博 常見的瀏覽器相容性問題與解決方案大致有以下九種形式 一 不同瀏覽器的標籤預設的外邊界和內填充不同 問題表現 不加樣式控制下,margin和padding差異較大 解決方案 css裡 備註 這是最常見也是最易解決的一個相容問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標籤外邊界和內填...

js在火狐瀏覽器下的相容性問題,這個JS下拉導航選單在火狐瀏覽器下不起作用,誰能幫我調一下這個js呢

討厭修改。給你一個自己看吧,相容ie678,火狐,谷歌,蘋果,http www.w3.org tr xhtml1 dtd xhtml1 transitional.dtd http www.w3.org 1999 xhtml demos zero dollars styled form active ...

為什麼會出現瀏覽器相容性問題,如何解決不同瀏覽器之間的相容性問題

相容性 compatibility 是指硬體之間 軟體之間或是軟硬體組合系統之間的相互協調工作的程度。相容的概念比較廣,相對於硬體來說,幾種不同的電腦部件,如cpu 主機板 顯示卡等,如果在工作時能夠相互配合 穩定地工作,就說它們之間的相容性比較好,反之就是相容性不好。對於軟體的相容性,一種是指某個...