版本:2013.4.19最新:snowinmay.net=====2013.4.19=====問題描述:
為了讓網站在移動端有良好的使用者體驗,當時在頁面中加入了響應式設計的內容。具體就是當頁面寬度小到一定程度就調用另外的css樣式。今天主要想完善一片載入的問題。現在的解決方案:圖片都單獨存在,切換到某張圖片的時候就讓他顯示。這樣的問題是,網速不給力的時候,切換圖片的時候,圖片載入很慢,影響使用者體驗。比較好的解決方案:1.把圖片集合到一起。2.開啟網站的時候就開始把圖片載入。3.點擊圖片的時候讓圖片有一個緩衝的過程再顯示。 今天發現的問題:用了響應式設計後,IE6,7,8識別不出來了。所以需要先判斷一下瀏覽器。解決方案是用條件注釋判斷瀏覽器。http://www.cnblogs.com/dtdxrk/archive/2012/03/06/2381868.html 其它問題。IE6,7,8沒有圓角 想給IE6,7,8加上圓角效果:1.圖片背景(最實用),2.讓IE支援CSS 3圓角屬性的方法。http://www.cnblogs.com/snowinmay/archive/2013/04/19/3031116.html IE6,7導航文字沒有浮動。原因是 block元素的display屬性設定為inline-block時,IE6/IE7瀏覽器是不支援的; 解決方案:http://www.cnblogs.com/snowinmay/archive/2013/04/19/3030754.htmlIE6下塊元素如何?display:inline-block的效果?有兩種方法: 1、 先使用display:inline-block屬性觸發塊元素,然後再定義display:inline,讓塊元素呈遞為內聯對象(兩個display 要先後放在兩個CSS聲明中才有效果,這是IE的一個經典bug,如果先定義了display:inline-block,然後再將display設回 inline或block,layout不會消失)。代碼如下(...為省略的其他屬性內容):
div {display:inline-block;...} div {display:inline;}
2、直接讓塊元素設定為內聯對象呈遞(設定屬性display:inline),然後觸發塊元素的layout(如:zoom:1 或float屬性等)。代碼如下:
div { display:inline-block; _zoom:1;_display:inline;} /*推薦*/ div { display:inline-block; _zoom:1;*display:inline;} /*推薦:IE67*/