0

私は次のCSSを持っています:

.views-imagematrix-block .views-field-title .field-content > a .promotedstar {
    position: relative;
    top: -6px;
}
.promotedstar {
    background: url("../img/icons/Star.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    height: 25px;
    padding-bottom: 10px;
    padding-right: 25px;
    position: relative;
    top: 0;
    width: 25px;
}

そして、次のhtml：

<div class="views-field views-field-title">
    <span class="field-content"><a href="/content/gershwins-coffee-house"><span class="promotedstar"></span>&nbsp;Gershwins Coffee House</a></span>
</div>

これにより、Firefox では望ましい効果が完全に得られますが、Chrome では... スパンが div の外側 (左) にあることが示され、overflow: visible; でも表示されません。含む div に設定します。（スパンはパディングを取りません）。これを治す方法がわかりません...

4

1 に答える 1

2

Chromeのバグのようです。SPAN が空であるという事実に関連していると思います。クロムの問題トラッカーでいくつかの関連するバグを見つけました

于 2013-09-17T08:58:24.820 に答える