苦惱的區別:
1.image-repeat:
在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號, div設定的backgourn-image:url("***xx")
結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image-repeat::norepeat這屬性,
還有好多的差異,明天 去了 公司繼續補充。。。
總結出一條規律:
其實要想盡量避免相容性問題,最好多用div,都做成塊,這樣就很好調整了。
2.ie中select 設定高度失效
很多人通過設定font-size 來使得他變高,這樣確實可以,可是在我的專案中ui比較苛刻,所以就只能重新想辦法了
所以,自己用過了div來調節樣式來實現。
3.這次開發遇到css樣式的相容性,再同乙個css中除錯又擔心拆東牆補西牆,所有索性就多寫了幾個css,通過判斷瀏覽器來載入css檔案,**如下
4.透明度設定:
firefox:opacity:0.3;
.beforetable
ie:filter:alpha(opacity=40);
.beforetable
********************===今天除錯遇到報錯:
css 因 mime 型別不匹配而被忽略*************************
解決辦法應該是這樣:
先check了link引用的方式,發現缺少type=text/css,加上後報錯依舊。
然後根據網上的這些文章,把mime的type型別手動加到伺服器應用的web.xml下,依舊無效。
check了tomcat和jetty的conf下預設web.xml裡的mime的型別是否正確,發現配置正常,但是不管是什麼伺服器都報錯。
在chrome中發現warning
發現不管是css還是js的content-type都變成了text/plain
最後檢查應用的response部分發現輸出流前缺少設定content-type
於是手動設定content-type
servletoutputstream outputstream = response.getoutputstream();
ioutils.write(bytes, outputstream);
return;
} 問題解決。
可以由於這個頁面的呼叫放在手機那裡,我也不想讓別人動,就這麼自己解決了!!!
瀏覽器相容性問題
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...
瀏覽器相容性問題
解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...
瀏覽器相容性問題
1.不同瀏覽器的標籤預設的內邊距和外邊距是不同的 先將瀏覽器所有標籤預設的內外邊距設定為0 然後再去設定各個標籤需要的內外邊距。2.塊屬性標籤float後,又有橫向的margin的情況下,在ie顯示的比設定的margin大 div3.設定較小高度的容器 小於10px 時,在ie6下不識別小於10px...