Q

內容：attr（）;不在IE 10中工作

2013-03-18 63 views 0 likes

0

出於某種原因，IE不會獲得如下所示的內容：attr（data-title）。儘管在FF和Chrome中有效。內容：attr（）;不在IE 10中工作

如何解決這個問題？

<a href="#" class="nav-roll"> 
      <span data-title="About">About</span> 
     </a> 


    .nav-roll span:after { 
    background: none repeat scroll 0 0 #0198cd; 
    color: #FFF; 
    content: attr(data-title); 
    display: block; 
    padding: 0 2px; 
    position: absolute; 
    left: 0; 
    top: 0; 
}

2013-03-18 user2184043

+0

這是什麼問題？ – user123444555621 2013-03-18 21:06:48

+0

已編輯，很抱歉.. – user2184043 2013-03-18 21:12:42

A

回答

0

你還沒有添加一個<!DOCTYPE html>到HTML文件的頂部，迫使IE瀏覽器進入怪癖模式。 IEQuirks完全不支持:after。

2013-03-18 21:07:22

+0

<！DOCTYPE html>包含在default.html中 – user2184043 2013-03-18 21:10:49

+0

您有'X-UA兼容'元標記或HTTP標頭嗎？您的瀏覽器是否設置爲兼容模式？「」之前是否有任何內容，即使作爲評論無辜？ – 2013-03-18 21:11:38

+0

沒有什麼上述我的元標記 – user2184043 2013-03-18 21:24:43

0

我剛剛有一個類似的問題，但是與<button>元素，而不是一個錨點。結果與attr(data-*)最終沒有任何關係，對我的修復是將overflow: visible添加到按鈕本身。

只是在這裏留下這個以防萬一它可以幫助任何人在未來。

2015-10-23 10:18:52 quagliero

相關問題