0 
<div style="float:right;">
    <a href="#" class="button2" title="Upgrade now">Upgrade now</a> 
    <a href="#" class="button2" title="Buy more credits">Buy more credits</a>
</div>

（float:right|leftインラインであるか、スタイルシートであるかに関係なく）リンクの垂直方向のパディングと下の境界線の両方が失われるようです。取り除けば問題ありません。

リンクのCSSは次のとおりです。

.button2 {
    color: #fff;
    font-size: 18px;
    text-shadow: 0 -1px 0 #064687;
    border: 0;
    border-bottom: 2px #0B5BAC solid;
    border-radius: 8px;
    background: #1E88F2;
    background: -moz-linear-gradient(top, #6BB0F7, #2089F2);
    padding: 9px;
    cursor: pointer;
    box-shadow: 0 2px 2px #999;
    text-decoration: none;
    width: 270px;
}
4

3 に答える 3

2

zoom: 1; を追加して、古い「hasLayout」修正を試してください。

.button2 {
    zoom: 1;
}

http://www.satzansatz.de/cssd/onhavinglayout.html

私はそのようなハックをするのは好きではありませんが、あなたが望むものを達成しているようです.

于 2013-08-14T15:11:10.447 に答える
1

IE7 を使用しているのは、インターネットを閲覧している世界の 1% 未満です。ただ先に進みなさい！

ソース: http://theie7countdown.com/

于 2013-08-14T14:59:53.280 に答える