IMG不会在野生动物园中渲染

Question

我正在研究一个在IE中工作但在Safari中不起作用的旧应用程序。代码中的图像不会在Safari中呈现。

     <section class="feature pointer clickableSection tooltipContainer" id="SearchSection" 
                    data-scd-nextScreen="@Url.Action("FullSearch", "Company")"data-placement="bottom"
                    data-toggle="tooltip" data-title="Click here to SEARCH Addresses">
            <img src="@Url.Content("~/images/phonebook.png")" alt="Click here to SEARCH Addresses" />
            <h3><span style="text-decoration: underline">Search Addresses</span><span id="searchHeading"></span></h3>
            <div class="loadMessage"></div>       
        </section>

我已经启动和运行了Safari Web检查员，但是我看不出可以找出问题所在的地方。我是使用此工具的新手。

Answer 1

我找到了问题所在。在我没有发布的CSS中，它具有;

section.feature img {
    color: #999;
    /*content: attr(alt);*/
    font-size: 1.5em;
    font-weight: 600;
    height: 140px;
    width: 200px;
}

我已经评论了与Safari不兼容的行，即内容：attr（alt）;