7

私はこの例を持っています：

<div class="container">
   <div class="box">
      <object class="object" data="http://www.marketingvox.com/wp/wp-content/uploads/2009/12/darpa-balloon.thumbnail.jpg">
      <img class="image" src="http://www.marketingvox.com/wp/wp-content/uploads/2009/12/darpa-balloon.thumbnail.jpg">
     </object>
   </div>
</div>


.container {
width: 200px;
height: 500px;
overflow: scroll;
background: red;
}

.box {
top: 20px;
left: 20px;
width: 50px;
height: 1000px;
position: relative;    
}

.object {
position: absolute;
}

.image {
top: 50px;
position: absolute;
cursor: pointer;
}
}

http://jsfiddle.net/aS972/1/

画像にカーソルを合わせるとスクロールできなくなり、画像の外にカーソルを合わせるとスクロールできます。画像の上にカーソルを置いてもスクロールできる必要があります。

私は何を間違っていますか？

4

3 に答える 3

1

多くの場合、Flash ビデオでは<param name="wmode" value="transparent" />、タグ内にを追加して、その<object>上に html をレンダリングし、イベント (スクロールなど) を発生させる必要があります。

うまくいけば、それが誰かを正しい答えに導くことができます.

于 2013-08-22T14:55:37.877 に答える
0

object タグが問題の原因です。オブジェクト内に画像を表示するだけなら、なぜ画像タグを使用しないのでしょうか?

http://jsfiddle.net/bSaBm/

<div class="container">
    <div class="box">
        <img class="image" src="http://www.marketingvox.com/wp/wp-content/uploads/2009/12/darpa-balloon.thumbnail.jpg"/>
    </div>
</div>
于 2013-08-22T15:19:12.920 に答える