0

画面から消えるまで画像を小さくするコードがあります。に画像がある場合、div正しく機能しません。外に出せばdiv問題なく使えます。

ただし、で動作する必要がありdivます。どうすればこれを修正できますか?

imgが にない場合、コードは正常に機能divしますが、ある場合は台無しになります。

setTimeout(function(){
    $("#thrid").show('fast').animate({
    top : '-=-300',
    width: 0,
    height: 0
        },
        {duration: 1000});
},2000);

CSS:

#thrid{
    display:none;
    position:absolute;
    left: 592px;
    top: 160px;
}

HTML:

<div id="thrid">
    <img src="images/thrid.png" alt="thrid">
</div>

これは、http://jsfiddle.net/xMV5Q/3/divで行うことです

これは私がやりたいことです: http://jsfiddle.net/xMV5Q/1/

4

3 に答える 3

2

img の幅と高さを 100% に設定してみてください。

#city2 img {
    height: 100%;
    width: 100%;
}
于 2012-11-30T00:12:49.820 に答える
1

div オーバーフローがまだ表示されているため、画像が再表示されます

#city2 {
  display: none;
  overflow: hidden;
  position: absolute;
}
于 2012-11-30T00:16:24.517 に答える
0

あなたの例 (http://jsfiddle.net/will_moore/g6fYT/) を試してみましたが、div を使用しても問題ないようです。

問題を引き起こしている div に関連付けられたいくつかのスタイルがあると思います。あなたの -=-300 が何をしているのかわかりません。「-=300」じゃないの？

于 2012-11-30T00:35:43.653 に答える