HTML如何更改對象相對於另一個圖像的位置

對於我的網站，我有一個顯示屏幕的圖像。在該屏幕內部，我已經在該屏幕內移動了嵌入式YouTube視頻。所以嵌入位於圖像的頂部。我可以用這個拿到內嵌視頻到正確的位置：HTML如何更改對象相對於另一個圖像的位置

<div style="position:relative"> 
    <img src="screen.png" /> 
    <div style="position:absolute; left:0px;top:0px;">  
    <embed src="http://www.youtube.com/embed/qoSEzTpbxP4" width="310" height="210" allowfullscreen=true"></embed>   
    </div> 
</div>

我想爲中心的整個事情，但是如果我環繞這個與標籤則顯然沒有，因爲居中的位置;嵌入物從窗口的左側留下544，而不是從圖像的左側。有沒有一種方法使嵌入式移動符合以圖像爲中心的位置？（注意：我知道我應該爲所有樣式使用單獨的CSS文檔，但我現在對此不感興趣，我只是想讓它工作，然後我可以將樣式封裝爲單獨的樣式後來的地方）

來源

2013-02-12 Tom Whitcombe

不能你只需要使用'screen.png'作爲'背景image'你'div'並設置'文本對齊：中心;'的'div'到中心'嵌入'？ [JS Bin]（http://jsbin.com/ikinav/1/edit） – hsan 2013-02-12 12:51:49

試試這個

<div style="margin: 0px auto; text-align: center; width: 500px; position: relative;"> 
    <img src="screen.png"> 
    <div style="position: absolute; z-index: 1; margin: 0px auto; text-align: center;"> 
    <embed width="425" height="349" allowfullscreen="true&quot;" src="http://www.youtube.com/embed/qoSEzTpbxP4">   
    </div> 
</div>

來源

2013-02-12 12:50:08 Kingk

感謝您的快速回復。然而，嵌入在這個代碼的img下面 – 2013-02-12 13:20:17

試試這個...好期待視頻幀！

<object height="360" width="580" id="video_MT6UDIruUkU" type="application/x-shockwave-flash" 
data="http://www.youtube.com/apiplayer?enablejsapi=1&version=3"> 

    <param value="always" name="allowScriptAccess"> 
    <param value="transparent" name="wmode"> 
    <param value="video_id=MT6UDIruUkU&playerapiid=MT6UDIruUkU" 
    name="flashvars"> 
    <param value="http://www.youtube.com/apiplayer?enablejsapi=1&version=3" 
    name="movie"> 

</object> 

<div class="controlDiv play"></div>

來源

2013-09-29 04:54:36 rul

HTML如何更改對象相對於另一個圖像的位置

回答

相關問題