如何調整網站某一點上的圖像

我想在菜單欄的頂部放置一塊木製顯示板http://offbeatdestination.com。我已經成功地通過使用下面的代碼這樣做：如何調整網站某一點上的圖像

<div style="position:relative;min-width:960px"> 
    <img src="http://i43.tinypic.com/16nkvl.png" style="position: absolute;left:145;top:140" /> 
</div>

我與上面的代碼中面臨的問題是，我用一個模式來顯示頁面上的圖片（例如http://offbeatdestination.com/infinity-resort/），但模態窗口顯示在屏幕的可見部分的下方，並且我必須向下滾動，這不是用戶友好的。

如果我刪除上面的代碼一切都很好。如何在不影響彈出屏幕的情況下放置圖像。

來源

2013-10-02 Bhumi Pujan

我有些困惑，但您可能需要將DIV設置爲絕對位置。你有測試頁嗎？ – ClosDesign

我正在使用wordpress界面，所以我沒有測試頁面。我試圖絕對但沒有效果。我現在把上面的代碼放在我的網站上，所以請點擊內容區域中的圖片來檢查這個鏈接（http://offbeatdestination.com/infinity-resort/） –

看到我的回答如下 – ClosDesign

使用的位置是：絕對的左側，頂部設置X的基礎上，左上角ŸCOORDS

<div style="position:absolute; left:100px; top:150px;"> 
    <img src="http://i43.tinypic.com/16nkvl.png" /> 
</div>

要在100,150從左上角放置它

來源

2013-10-02 20:18:30 Gustavo

我試過絕對的但是沒有效果。我現在已將上面的代碼放在我的網站上，所以請點擊內容區域 –

中的圖片查看此鏈接（offbeatdestination.com/infinity-resort）。謝謝@Gustavo Suarez您的代碼認爲我能正確工作非常感謝您很多 –

只是爲了澄清，位置，左和頂值不應該在圖像樣式上，而是在div – Gustavo

有可能是兩件事情錯了。您正在使用的Javascript計算錯誤的位置。解決這個問題的一個非常簡單的方法是在你的CSS表格中加入一些超車樣式。可能不是最大的，因爲你的圖像是不同的高度，但它可能工作。

#colorbox{ 
top: 50% !important; /*50% from the top and using !important overtakes any inline styles*/ 
margin-top: -196px; /*Negative margin of the half the height of the largest image in the slideshow.*/ 
position: fixed; /*fix the position in the browser*/ 
}

如果有的話，你實際上需要去和修復的JavaScript，以便它不看的佈局或「身體」的高度，而是着眼於瀏覽器窗口大小的高度。

來源

2013-10-02 20:55:11 ClosDesign

如何調整網站某一點上的圖像

回答

相關問題