兼容性問題:
計算一定要精確 要要讓內容的寬度超出我們設置的寬高,在IE6下,內容會撐開設置好的寬高;;
在IE6元素浮動,如果寬度需要內容撐開,就給里面的塊元素都加浮動;
在IE6,7下元素要通過浮動并在一行,就給這行元素都加上浮動;
注意標簽嵌套規(guī)范;
IE6下最小高度問題,在IE6下元素的高度小于19px時,游覽器會將其當做19px來處理,接解決辦法:overflow:hidden;
1 px dotted在IE下不支持;至少大于等于2px;解決辦法 截圖片 平鋪;
在IE6下解決margin傳遞要觸發(fā)haslayout,在IE6下父級有邊框的情況下,子元素的margin值消失了,解決辦法還是去觸發(fā)haslayout,盡量觸發(fā)haslayout寫上zoom:1;
IE6下雙邊距問題margin值,在IE6下,塊元素有浮動或橫向的margin值會被放大成兩倍,解決辦法:display:inline;
margin-right 一行右側第一個元素有雙邊距,margin-left 一行左側第一個元素有雙邊距;
在IE6,7下,li本身沒浮動,但li的內容有浮動,li下邊就會產(chǎn)生一個間隙,解決辦法:1.給li加浮動 2.給li加垂直的對其方式vertical-algin:top;
在IE6下最小高度問題,和li的間隙問題共存的時候,給li加浮動;
當一行子元素占有的寬度之和和父級的寬度相差3px,或者不滿行狀態(tài)的時候,最后一行子元素的下margin在IE6下就會失效
IE6下的文字溢出BUG,子元素的寬度和父級的寬度相差小于3px的時候,兩個浮動元素中間有注釋或者內嵌元素,解決版本:用div將注釋和內嵌元素包起來
當浮動元素和絕對定位元素是并列關系的時候,在IE6下絕對元素會消失,解決辦法:給定位元素外面包個div
在IE6,7下,子元素有相對定位的話,父級的overflow就包不住子元素了,解決辦法:給父級也加相對定位;
在IE6下絕對定位元素的父級寬度時奇數(shù)的時候,元素的right值和bottom值會有1px的偏差。
不要給Tbody和Thead 加樣式,IE6下不兼容;
在IE6,7下輸入類型的表單控件上下各有1px的間隙;解決辦:給input加浮動;
在IE6,7下輸入類型的表單控件加border:none;無效果;解決辦法給input重新加背景
在IE6,7下輸入類型的表單控件輸入文字的時候背景圖片會跟著一塊移動;解決辦法:加給父級,清除自己的background:none,父級寬度和自己寬度相同;
IE6下png圖片拼接問題,會將透明圖片變成不透明,使用JS來進行處理;
在IE6下沒在important 后加同一樣的樣式,會破壞掉important的作用,按照默認的優(yōu)先級順序來走;
在IE6下用margin的負值 超出父級的部分都會被屏蔽掉,可以采用定位元素來處理
a標簽的偽類才全兼容
元素的寬度由內容撐開
display:inline;
display:inline-block;
float
position:absolute
position:fixed 不兼容
border-radius:10px 圓角
百萬級別訪問量的問題:
css精靈 減少網(wǎng)站圖片的返回請求次數(shù)
創(chuàng)新互聯(lián)www.cdcxhl.cn,專業(yè)提供香港、美國云服務器,動態(tài)BGP最優(yōu)骨干路由自動選擇,持續(xù)穩(wěn)定高效的網(wǎng)絡助力業(yè)務部署。公司持有工信部辦法的idc、isp許可證, 機房獨有T級流量清洗系統(tǒng)配攻擊溯源,準確進行流量調度,確保服務器高可用性。佳節(jié)活動現(xiàn)已開啟,新人活動云服務器買多久送多久。
當前題目:html兼容性問題及一些處理方法(1)-創(chuàng)新互聯(lián)
文章地址:http://chinadenli.net/article26/deghcg.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、手機網(wǎng)站建設、企業(yè)建站、ChatGPT、建站公司、微信公眾號
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)