0

新しい Web サイトを作成しており、Dreamweaver を使用しています。私が直面している問題は、リンクがサファリに集まっていることです。Firefoxでの表示は次のとおりです。

Firefox で表示

それは良いことですが、残念ながらこれがSafariでの外観です

サファリで見る

私はDreamweaverを使用してWebサイトを開発しており、上記のページのCSSは次のようになります

#header {
    background-image: url(bg02.jpg);
    height: 10em;
    color: #FFF;
    font-size: 1em;
    text-align: center;
    padding: 0em;
    margin-top: -2em;
    margin-right: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    width: auto;
}

#header h1 {
    font-size: 4em;
    letter-spacing: 0.1em;
    padding-top: 0.4em;
    padding-right: 0em;
    padding-bottom: 0em;
    padding-left: 0.8em;
    text-align: center;
    display: block;
}

#header a {
    color: #468CEA;
    text-decoration: none;
    display: compact;
    font-size: 1em;
    margin-top: -2em;
    text-align: center;
}

とにかく誰かが私を助けてくれることを願っています。これを見てくれてありがとう！

4

1 に答える 1

2

を使用する代わりにdisplay: compact(これはほとんどサポートされていません)、display: inline-blockパディングを試してみてください:

#header a {
    color: #468CEA;
    text-decoration: none;
    display: inline-block;
    padding: 0 5px; /* Change this to whatever suits your needs */
    font-size: 1em;
    margin-top: -2em;
    text-align: center;
}
于 2013-03-28T04:50:19.827 に答える