IE 10中不支持文字修飾固體

此代碼適用於Choreme和Firefox。但不能在İE10上工作。表中的最後一個td不能起作用。它必須轉正常。IE 10中不支持文字修飾固體

 .gridview tr 
    { 

    font-size: 20px; 
    border: solid 1px #c1c1c1; 

    padding-bottom: 3px; 
    padding-top: 3px; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
    background-color: #EEEEEE; 
} 

.noadres td { 
     text-decoration:line-through; 
     font-style:italic; 
     background-color:#f5eded; 

} 
    .noadres td.etkabone { 
     text-decoration:solid; 
     font-style:normal; 
    }

HTML

 <table class="gridview"> 

<tr class="noadres"> 
    <td>HELLO</td> 
    <td>MY</td> 
    <td class="etkabone" >NAME</td> 

</tr> 

</table>

https://jsfiddle.net/dwc7kjmo/

來源

2017-04-26 Kevin yudo

那是什麼 - 'text-decoration：solid;'？這似乎無效。也許更老的IE不能像Chrome和Firefox那樣優雅地迴歸到合法價值？ – curveball

在CSS2中text-decoration property是一個普通屬性與語法：

沒有| [下劃線|| overline ||直通||眨眼] |繼承

在CSS Text Decoration Module Level 3：現在text-decoration屬性是速記屬性語法：

< '文本裝飾線'> || <'text-decoration-style'> || < '文字裝飾色'>

其中用於< '文字裝飾風格'>的值是：

固體 |雙|點綴|虛線|波浪

所以，現在你可以看到爲什麼text-decoration：solid;適用於Chrome和Firefox，因爲根據最新的規範 - 這是完全合法的代碼。

這裏是browser support爲新的text-decoration屬性。

請注意，IE不支持新的語法。

因此，像其他人一樣，您應該使用text-decoration:none以獲得更大的瀏覽器支持。

來源

2017-04-26 13:47:09 Danield

什麼地獄。這幾年我在山洞裏？我不知道'文字裝飾'的風格。對我很好的見解。我爲你高興 –

更改CSS來：

.noadres td.etkabone { 
    text-decoration:none; 
    font-style:normal; 
}

solid不適用於IE瀏覽器。

p.s.如果您選擇檢查元素，您會看到實體上有一個紅色下劃線。

來源

2017-04-26 13:30:54 SouXin

謝謝。我工作:) –

的問題是在這裏：

.noadres td.etkabone { 
    text-decoration:solid; /*This is invalid value for this property for IE*/ 
    font-style:normal; 
}

solid是這個屬性的默認值，但IE不支持它。

您可能希望普通字體沒有穿透。請上述更改爲以下：

.noadres td.etkabone { 
    text-decoration:none; 
    font-style:normal; 
}

來源

2017-04-26 13:32:39

IE 10中不支持文字修飾固體

回答

相關問題