做專案遇到的問題及解決方案
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;