0

閉じるボタンの位置を div に設定しようとしていますが、右上に移動できません。これに関連するスタックの記事の多くを読みましたが、これを機能させることはできません。

誰でも支援できますか？

http://jsfiddle.net/grantfeldman/K4p6g/1

<div class="tag">
    <a class="closeButton"></a>
    Foo
</div>

div.tag
{
    color: #EEE;
    font-size: 15px;
    font-family: Georgia, Times, serif;
    display: inline-block;
    border: 2px solid #324566;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #283957;
    padding: 8px;
    margin: 5px;
}
.closeButton
{
    display:block;
    float:right;
    width:27px;
    height:27px;
    background:url('http://cdn-sg1.pgimgs.com/images/pg/close-button.png') no-repeat center center;
}
4

2 に答える 2

4

作業フィドル: http://jsfiddle.net/K4p6g/2/

必要な変更:

#divMyTags div.existingTag
{
    position: relative;
}

.closeButton
{
    display:block;
    position:absolute;
    top:-10px;
    right:-10px;
}

これにより、親に対して閉じるボタンが絶対に配置されます。

コメントの別の要件の クイック更新: http://jsfiddle.net/K4p6g/5/

これは jQuery を使用した簡単な更新ですが、アイデアが得られるはずです。プロジェクトですでに jQuery を使用している場合は、これで十分です。

于 2013-06-10T23:26:26.327 に答える