Question

由于某种原因，IE没有获得内容：attr（data-title）如下所示。适用于FF和Chrome。

如何解决这个问题？

<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;
}

Answer 1

您尚未在HTML文件的顶部添加<!DOCTYPE html>，迫使IE进入Quirks模式。 IEQuirks根本不支持:after。

Answer 2

我只是遇到了类似的问题，但是使用了<button>元素而不是锚点。事实证明它最终与attr(data-*)无关，我的解决方法是将overflow: visible添加到按钮本身。

将此留在这里以防将来可能对任何人有所帮助。

内容：ATTR（）;不在IE 10中工作

2 个答案: