1

ADD THIS ボタン (実際には共有ボタン) といくつかのビデオを含む HTML のシンプルなページがあります。私の問題は、SHARE ボタンをクリックすると、ブラウザー画面の中央に小さなウィンドウ (div) がポップアップし、その位置が一定に保たれることです。

ウィンドウをスクロールすると、この ADD THIS ウィンドウがページ上のビデオと重なって表示されます。これは Firefox では適切に機能しますが、IE と Chrome では機能しません。

これが私のコードです：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        #at16p, #atie6ifh
        {
            overflow-y: auto !important;
        }        
    </style>
</head>
<body>
    <!-- AddThis Button BEGIN -->
    <a class="addthis_button" style="text-align: right;" href="http://addthis.com/bookmark.php?v=250&amp;pub=xa-4ac61e0801642c41">
        <img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16"
            alt="Bookmark and Share" style="border: 0" /></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4ac61e0801642c41"></script>

    <!-- AddThis Button END -->
    <center>
        <div id="divVideoDisplay" runat="server" style="width: 100%; padding-bottom: 20px;
            z-index: -10000; overflow: hidden;">
            <br />
            <h1>
                First Video</h1>
            <br />
            <object type='application/x-shockwave-flash' data='http://www.videowebtown.com/community/newlightplayer/flvplayer.swf?file=http%3A%2F%2Fsq.txdnl.com%2Fvwt%2Fd%2Fa%2Fv%2Fi%2Fdavidmarsh98%2Fvideo%2F26198%2FFLV%2F98188.flv' style="z-index: -1;" 
                width='640' height='480' bgcolor='FFFFFF' border='1'>
                <param name='movie' value='http://www.videowebtown.com/community/newlightplayer/flvplayer.swf?file=http%3A%2F%2Fsq.txdnl.com%2Fvwt%2Fd%2Fa%2Fv%2Fi%2Fdavidmarsh98%2Fvideo%2F26198%2FFLV%2F98188.flv'/>
                <param name='bgcolor' value='FFFFFF'/>
                <param name='Windowless' value='true'/>
                <embed src='http://www.videowebtown.com/community/newlightplayer/flvplayer.swf?file=http%3A%2F%2Fsq.txdnl.com%2Fvwt%2Fd%2Fa%2Fv%2Fi%2Fdavidmarsh98%2Fvideo%2F26198%2FFLV%2F98188.flv'
                    quality='high' bgcolor='#ffffff' width='640' height='480' name='movie' allowscriptaccess='sameDomain'
                    type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'
                    border='1'>
            </object>
            <br>
            <b style="color: red">FREE</b> service provided by <a href='http://www.videowebtown.com'
                target='_new'><u>VideoWebTown.com</u></a>
            <br />
            <h1>
                Second Video</h1>
            <br />
            <object width="425" height="344" style="z-index: -1;" >
                <param name="movie" value="http://www.youtube.com/v/rrrx9izp0Lc&hl=en_US&fs=1&">
                </param>
                <param name="allowFullScreen" value="true"></param>
                <param name="allowscriptaccess" value="always"></param>
                <param name='Windowless' value='true'/>
                <embed src="http://www.youtube.com/v/rrrx9izp0Lc&hl=en_US&fs=1&" type="application/x-shockwave-flash"
                    allowscriptaccess="always" allowfullscreen="true" width="425" height="344">
        </embed>
            </object>
        </div>
    </center>

</body>

</html>

ヘルプ/コメントをいただければ幸いです。

4

2 に答える 2

3

さて、このコードが必要です

<param name="wmode" value="transparent">

object タグに追加され、<embed>タグには として属性が必要でしたwmode="transparent"。

すなわち<embed wmode="transparent" ... />

これは私にとってはうまくいきました。

于 2009-11-25T13:50:44.917 に答える
0

追加してみる<param name="wmode" value="transparent">

これは IE のよく知られたバグですが、なぜ Chrome で機能しないのかわかりません。これで両方のブラウザーで解決されることを願っています。また、念のため Z-index を確認しましたか? (これは IE では問題ありませんが、Chrome では問題になる可能性があります)

于 2009-11-25T06:38:16.113 に答える