0

テキストの開始位置を乱さずに .left-corner を少し後ろに押すにはどうすればよいですか。

jsFiddle: http://jsfiddle.net/gnjNq/

<div class="quick-links-container">
    <div class="left-corner"></div>
    QUICK LINKS
</div>

.quick-links-container{
    z-index: 8000;
    right: 20px;
    background-color: white;
    height: 500px;
    width: 200px;
    position: absolute;
    box-shadow:0px 4px 6px rgba(0,0,0,.2);
}

.left-corner{
    height: 25px;
    width: 25px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: white;
    box-shadow:0px 4px 6px rgba(0,0,0,.2);
    z-index: 7900;
    position: relative;
    left:-10px;
    top: 20px;
}

これは私が達成しようとしているものです:
ここに画像の説明を入力

4

2 に答える 2

3

http://jsfiddle.net/gnjNq/3/ は、コンテナーZ-indexの後ろに移動して削除するには、負の値である必要がありました。z-index

于 2013-07-02T13:51:49.830 に答える