0

から別の画像の上に div の画像を重ねようとしてい<img>ます。現在の私のコードは次のとおりです。

    <div class="something">
        <img class="pp" src="get_pp()" />
        <div class="img1"></div>
    </div>

get_pp()ページが読み込まれる前に img の URL を提供する Js 関数です。そして私のCSS：

#pp {
   height: 50px;
   width: 50px; 
   top: 315px;
   left: 30px;
   position: absolute;
   display: block;
}   

#img1 {
   background-image: url("../images/img_name.png");
   height: 50px;
   width: 50px; 
   top: 315px;
   left: 30px;
   position: absolute;
   display: block;
   z-index:300;
}

残念ながら、z-index の設定は機能しません。どんな助けでも大歓迎です！

4

2 に答える 2

0

Your error probably has something to do with the fact that you have your elements identified with class names in your HTML, but defined as IDs in your CSS.

Change CSS to:

.pp {
   height: 50px;
   width: 50px; 
   top: 315px;
   left: 30px;
   position: absolute;
   display: block;
}   

.img1 {
   background-image: url("../images/img_name.png");
   height: 50px;
   width: 50px; 
   top: 315px;
   left: 30px;
   position: absolute;
   display: block;
   z-index:300;
}

Try this for starters.

于 2013-08-15T18:06:53.753 に答える
0

id の代わりにクラスを使用した最初のこと

だから変わる

.pp {
   height: 50px;
   width: 50px; 
   top: 315px;
   left: 30px;
   position: absolute;
   display: block;
}   

.img1 {
   background-image: url("../images/img_name.png");
   height: 50px;
   width: 50px; 
   top: 315px;
   left: 30px;
   position: absolute;
   display: block;
   z-index:300;
}

get_pp() などの代わりにここで 2 番目に画像を使用します。

デモはこちら

于 2013-08-15T18:09:39.217 に答える