0

私は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 Inspector を起動して実行しましたが、どこに問題があるのか​​を突き止めることができません。このツールを使用するのは初めてです。

4

1 に答える 1

0

問題がどこにあるかを見つけました。私が公開していない私の CSS には、次のようなものがあります。

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

Safari と互換性のない行、つまり content: attr(alt); をコメントアウトしました。

于 2014-01-27T11:01:38.937 に答える