1

助けてください！私はそれを機能させることができず、その理由がわかりません。

これは単純なコードですが、機能しません。

folder_image.png が folder.png の下に表示されるようにします。どうもありがとう！！！

<!DOCTYPE html>
<html>
<head>
    <style>
    .container {
        width:  136px;
        height: 201px;
        background: url(http://s-ola.me/img/folder.png) no-repeat;
        z-index: 2;
                    position:relative;
    }

    .folder {
        width:  136px;
        height: 101px;
        background: url(http://s-ola.me/img/folder_image.png) no-repeat;
        z-index: 1;
                    position:relative;
    }

    .text {

    }
    </style>
</head>
<body>
    <div class="container">
    <div class="folder"></div>
    <div class="text">text</div>
    </div>

</body>

</html>
4

2 に答える 2

0

これを置く

<div class="folder" style="{z-index: 2};">

そしてそれをCSSから取り出します

于 2013-01-27T22:32:55.093 に答える
0

私はこの解決策を作成しましたが、好きではありません。私の質問には答えませんでした。

<html>
<head>
    <style>

    #test{z-index:-10; position:relative;}
    .container {
        width:  136px;
        height: 201px;
        background: url(http://s-ola.me/img/folder.png) no-repeat;
        position: relative;
        margin:0 auto;
    }

     .folder {
        width:  136px;
        height: 101px;
        background: url(http://s-ola.me/img/folder_image.png) no-repeat;
        z-index:-1;
        position:relative;
    }
    .text {
 margin:0 auto;
 position:relative;
 margin-left:40px;
    }
    </style>
</head>
<body>
<div id="test">
    <div class="container">
        <div class="folder"></div>
        <div class="text">text</div>
    </div>
    </div>
</body>
 </html>
于 2013-01-27T23:41:53.517 に答える