2015-12-31 130 views
0

我有一些問題與IE 11和Mozilla中的CSS在Chrome中運行良好。跨瀏覽器的CSS樣式 - 建議

  1. 邊界半徑的問題 - 工作在Chrome,但不是在IE 11

    應用正在努力在Chrome和IE 11罰款,但不能在Firefox
    table, td, th { 
        border-radius: 25px; 
        border-collapse: collapse; 
        background-color: #C0C0C0; 
        border: 2px solid rgb(255, 255, 255); 
    } 
    
  2. 樣式表。這是在正確對齊鉻

  3. 表是有點錯位的在IE 11

什麼是解決所有這些問題的最佳途徑。我閱讀了很多關於這些的文章。我取消選中了作爲文章中的一個建議的兼容性視圖設置(Intranet)選項。但似乎沒有什麼好的。

任何線索?

+0

提供完整的代碼,你已經嘗試過,然後得到你的幫助。 – vivekkupadhyay

+0

嘗試供應商擴展前綴的IE爲-ms- – Raviteja

回答

1

你可以試試下面的代碼嗎?

table, td, th { 
    border-radius: 25px; 
    -moz-border-radius: 25px; /*ff*/ 
    -ms-border-radius: 25px; /*ie11*/ 
    border-collapse: collapse; 
    background-color: #C0C0C0; 
    border: 2px solid rgb(255, 255, 255); 
    } 
+0

試過了。但不工作!仍然邊界半徑的東西被打破,並不合適。 – sahana

+0

它在IE11的控制檯窗口的-ms-border-radius:25px下顯示一條紅線。 – sahana

0

請確保您有添加在頭這行,-ms-border-radius: 11px;在IE。

<meta http-equiv="X-UA-Compatible" content="IE=9" /> 
+0

試過了。不工作! – sahana