IE doesn't support CSS3 columns - 沒什麼大不了的,對吧?儘管如此,我試圖找到任何現代化的庫來做這個伎倆。我真的不想爲IE編寫不同的CSS,因爲那樣會對我們所不喜歡的東西產生太多的關注和關注。有什麼建議麼?如何在IE上顯示CSS3列?
回答
務實程序員的HTML5 and CSS3書有這樣的東西一些偉大的建議。對於列,它建議使用IE的Columnizer Plugin for jQuery。
pragprog提供免費的專欄章節http://media.pragprog.com/titles/bhh52e/multicolumn.pdf – dinnouti 2014-04-29 21:02:04
沒有看到你的代碼,我建議把每列放在一個div中。然後在爲IE添加樣式表後重新定義body標籤,併爲div添加樣式。
僅適用於IE:
<!--[if IE]>
**** your styles ****
<![endif]-->
你甚至可以把它更進一步,移動身體風格到它自己的樣式表,並加載你需要根據瀏覽器的樣式表。這取決於你想要走多遠。
看一看上ALA這些文章,我想大公可能只是有你要找的..
Stop Forking with CSS3
Taking Advantage of HTML5 and CSS3 with Modernizr
嘗試你想要佈局爲表
的項目設置display: inline-table;
從IE10開始,現在有了對CSS3列的本地(和未加前綴)支持。
http://msdn.microsoft.com/en-us/library/ie/hh673534(v=vs.85).aspx
儘管實施不善和錯誤。 – nickspiel 2015-09-09 00:14:40
CSS3提供任何轉向HTML節點的內容到任意數量的列的方式。有一些屬性用於控制列的數量及其寬度,相對高度(「填充」或內容在現有列中的分配方式),列之間的間隔,「規則」(分界線或邊框)等。
作爲起點,請參閱w3schools.com CSS3 Multiple Columns參考頁。
但是,像往常一樣,廣泛使用的瀏覽器中的IE瀏覽器不支持列CSS3屬性,IE10除外。
一個跨瀏覽器的解決方案是Columnizer jQuery Plugin。
- 1. CSS3 - 在使用CSS3轉換時圖像不顯示在IE中
- 2. 在IE 7上使用CSS3
- 3. 在IE上顯示Progressive JPEG
- 4. CSS3 - 如何在internet-explorer-8上水平顯示HTML5元素?
- 5. CSS3變換在Microsoft Edge(和IE)中不能很好地顯示
- 6. 如何僅在IE中顯示文本
- 7. 如何在datgridview上顯示列表
- 8. 如何在標籤上顯示陣列
- 9. 困惑的CSS3如何顯示文本
- 10. 在IE中不顯示下拉列表
- 11. 顯示「'」在IE
- 12. 查詢不在IE上顯示行
- 13. 圖片不能在IE上顯示!
- 14. 下拉菜單不顯示在IE上
- 15. fb:serverfbml不會在Opera和IE上顯示
- 16. Google reCaptcha沒有顯示在IE上
- 17. 如何在IE contenteditable元素中顯示兩列布局
- 18. CSS3顯示爲塊
- 19. 如何在IE上的對象中顯示遠程HTML?
- 20. 如何使用x3dom.swf當我想在IE上顯示3D對象?
- 21. 如何在列表框中顯示XML值或如何在標籤上顯示。
- 22. CSS3菜單顯示錯誤(CSS3/HTML5)
- 23. CSS3多背景在IE
- 24. IE顯示DIV
- 25. IE - 防止在IE中顯示錯誤
- 26. 修改的CSS3代碼在IE上工作,但不在Chrome上
- 27. 如何顯示在列表
- 28. 如何顯示在陣列
- 29. css3 IE 6問題
- 30. 獲取CSS3的IE
你的問題是,IE是一個相對的問題...一些版本支持一些事情,而另一些則不支持。還有那麼多的版本......有些人仍在使用6!然而,9可能會支持CSS3,雖然我沒有看過它,因爲我現在不做網頁開發,也不使用IE。但你的問題是有點令人困惑,因爲你說你想支持IE,但不想調整你的CSS爲IE瀏覽器...你不能支持IE與外調整... – Kenneth 2011-03-17 20:17:18
我說我不想要爲IE編碼不同的CSS。我真的很期待JavaScript兼容性庫或類似的東西,但是好吧..然後我們來調整。 – 2011-03-17 20:43:50
如果你不想爲IE編寫不同的CSS,那麼不支持IE。 – 2011-03-18 05:05:55