如何讓圖像以不同的分辨率出現在屏幕上的相同位置？

-1

我想讓大約5個不同的圖像出現在不同屏幕位置的屏幕上相同的位置。如何讓圖像以不同的分辨率出現在屏幕上的相同位置？

我無法粘貼整個網站的代碼，因爲我正在使用MYBB軟件。但是，這裏是網站：www.AlphaDiscussion.com（是的，我知道圍繞論壇的部分看起來很醜，我正在等待它來更新顏色）

我想這五個圖像出現在徽標上方。

這是在頭模板，其中五次圖像代碼：

<img src="http://i.imgur.com/TtU3OAY.png" style="position: absolute; top: 40px; right: 500px;"> 
    <img src="http://i.imgur.com/pDzigv1.png" style="position: absolute; top: 40px; right: 630px;"> 
    <img src="http://i.imgur.com/pLIlkK1.gif" style="position: absolute; top: 40px; right: 730px;">  
     <img src=" http://i.imgur.com/KyYZ8m1.png?dateline=1416083133" style="position: absolute; top: 60px; right: 860px;"> 
    <img src=" http://i.imgur.com/iQUavgQ.gif" style="position: absolute; top: 60px; right: 970px;">

他們是在一個註釋標記，現在這樣它們就不會出現。我從chromebook輸入這個，但我的主電腦是一臺windows筆記本電腦。

那麼我該如何做到這一點？

來源

2014-12-18 Evan

@OneWay就是這樣嗎？ – Evan

試試這個：http://www.w3schools.com/cssref/pr_pos_z-index.asp – Gem

@OneWay是它嗎？我是否像頂部保持一樣：還有：還有嗎？ – Evan

你的意思是那些以你的標誌爲中心的5幅圖像？

我看到你的代碼，也許是這樣的：

<div class="wrapper"> 
    <div style="width:100%; text-align:center"> 
     <img src="http://i.imgur.com/TtU3OAY.png"> 
     <img src="http://i.imgur.com/pDzigv1.png"> 
     <img src="http://i.imgur.com/pLIlkK1.gif">  
     <img src=" http://i.imgur.com/KyYZ8m1.png?dateline=1416083133"> 
     <img src=" http://i.imgur.com/iQUavgQ.gif"> 
    </div> 
    <center><a href="http://alphadiscussion.com/index.php"><img src="http://alphadiscussion.com/images/logo.png" alt="AlphaDiscussion ~ For the Alphas" title="AlphaDiscussion ~ For the Alphas" /></a></center> 
    ..... 
    ...

創建一個寬度100％以上，標誌新的div（中心上方的標籤），並把裏面的圖片，然後用文字對齊你可以將它們對齊中心正如在這裏，或文本對齊：正確...

這是你所需要的？那些5張圖片集中在標誌之上，一個接一個？

來源

2014-12-18 19:04:00 Gem

顯然不是.. – Evan

我希望它們在不同的分辨率下處於相同的位置。就像我希望圖像不會在不同瀏覽器大小的地方一樣 – Evan

如何讓圖像以不同的分辨率出現在屏幕上的相同位置？

回答

相關問題