做項目遇到的問題及解決方案

1.有固定間距,固定盒子大小,浮動之後要剛好裝在大盒子裏;

方法:讓最後一個右浮動,設置最後一個的右外邊距爲零。

2.透明度opacity不能在ie顯示效果;

方法:設置ie專屬代碼:filter:alpha(opacity=50);

3.序選擇器效果無法在ie中顯示;

方法:換類選擇器;

4.同是類名,後面寫的爲什麼替換不了前面的?

方法:類名之前的其他父級選擇器也要寫上,保持一致,除了最後一個。

5.同是定位要元素,爲什麼它下面的元素會蓋在它上面的元素之上?(增加蒙版必須是同級)

方法:1.在heml中把放在下面的定位元素寫在前面;2.在css中提升層級;

6.使用表格合併rowspan時,要放在前一個td裏面;

7.怎麼讓超出隱藏的文字變成省略號?

方法:把white-space: nowrap;text-overflow: ellipsis;overflow: hidden;這三個屬性全部設在包含文字的標籤之下。

8.背景顏色在IE中不顯示?

正常的------------

不正常的--------------

原因是使用了序選擇器(css3)。

方法:改用類選擇器。

9.border-radius屬性ie6/7/8不支持?

方法:用圖片代替圓角部分;

10.透明設置除了opacity還有嗎?

方法:使用背景顏色rgba();

11.如何設置下圖效果並讓IE兼容?

方法:用邊框屬性,設兩個空標籤,都設置成下三角,一個白色和一個紅色,通過定位/層級讓白色覆蓋在紅色之上;

12.如何讓IE8兼容background-size,並控制大小

方法:filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='絕對路徑', sizingMethod='scale');

不能控制大小,只能100%;

13.項目中小圖標如何使用精靈圖?

方法:1.在需要的文字標籤前在加入一個空標籤,設置寬高;

     2.導入背景圖片,通過position;absolute,子絕父相定位脫離文本流,調整背景background-position位置獲取所需圖標;

14.浮動在ie中產生的雙邊距問題?

方法:display:inline;


發佈了51 篇原創文章 · 獲贊 19 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章