常見css的相容問題

鏈結的虛線框問題

<

a class="nodashedbox" 
href
="#"
><
img 
src=""
/>
a>

/*

* a, img, input等標籤點選時會帶有虛線框
* 去除它
*/.nodashedbox 

<

a class
="fixedtop"
href
="#"
><
img 
src=""
/>
a>
<
a class
="fixedbottom"
href
="#"
><
img 
src=""
/>
a>

/*

css 
*/.fixedtop .fixedbottom 
/* ie6 調動問題 */
body 

<

div 
class
="pngopacity"
>
div>

/*

* +
* ie6%e4%b8%8bpng%e8%83%8c%e6%99%af%e4%b8%8d%e9%80%8f%e6%98%8e%e9%97%ae%e9%a2%98%e7%9a%84%e7%bb%bc%e5%90%88%e6%8b%93%e5%b1%95/
* * ie6 png8 background 不能定位
*/.pngopacity 

//

png透明的js解決方案 

/*

* ie6_png.js
* * 如此在頭部插入即可
*/(r){}dd_belatedpng.createvmlnamespace();dd_belatedpng.createvmlstylesheet();
//ie6 png 透明
dd_belatedpng.fix(".png");

opacity透明：整個元素透明，包括元素裡面的內容

<

div 
class
="opacity"
><
span 
style
="color:yellow;"
>this is opacity text
span
>
div>
<
div 
class
="opacity"
><
span 
style
="color:yellow;position:relative;"
>this is text that not opacity in ie
span
>
div>

.opacity

<

div 
class
="rgbaalpha"
>red green blue and alpha
div>

/*

css 
*/.rgbaalpha 

<

div 
style
="border:1px solid #f00;_height:1%;_zoom:1;"
>
<
div 
style
="float:left;width:100px;height:100px;"
>
div>
<
div 
style
="float:left;width:100px;height:100px;"
>
div>
<
div 
style
="clear:both;"
>
div>
div>

/*

* _height:1%
* 觸發了ie6的layout布局，能解決很多奇怪的問題
*/.clearfix

常見css相容問題

1.ie7下文字框無法獲取焦點，輸入，貼上，選取內容，但是ff和ie8下能正常顯示和操作 原因 在ie7下如果input 即沒有邊框也沒有背景，那麼顯示就不正常。input 的border 0 background color transparent 解決 設定input的背景為乙個透明的gif p...

常見css的相容問題

1 鏈結的虛線框問題 a,img,input等標籤點選時會帶有虛線框 去除它 nodashedbox 2 固定定位 css fixedtop fixedbottom css解決方案 ie6 e4 b8 8bpng e8 83 8c e6 99 af e4 b8 8d e9 80 8f e6 98 8...

相容問題 css的常見問題

相容問題 css的常見問題 1 ie6.7不相容h5標籤 eg 解決辦法一 建立自定義元素，並把元素display設定為block 解決辦法二 引入成熟的js庫 2 元素浮動後，能設定寬度的話就給元素設定寬度，如果需要寬度是由內容撐開，就給它裡面的塊元素加上浮動 需要讓誰去浮動，讓誰去自適應，就給誰...