1. 程式人生 > >做專案遇到的問題及解決方案

做專案遇到的問題及解決方案

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;