2012-11-29 28 views
1

這是我的代碼:如何對其它圖像位置的圖像,如果其他的圖像太寬

<html> 
<head> 
    <style type="text/css"> 
    #superdown{ 
     position :relative; 
     right: 10px; 
     top: 10px; 
    } 

    #down{ 
     position: absolute; 
     top: 10px; 
     right :10px; 
    } 
    </style> 
</head> 

<body> 
    <div id="superdown"> 
    <img src="http://images4.alphacoders.com/177/177506.jpg"> 
    <div id="down"> 
     <img id="yes" src="http://img.wallpaperstock.net:81/hi%2c-loser-wallpapers_17839_1024x768.jpg"> 
    </div> 
    </div> 
</body> 
</html> 

Obviousy,我的背景圖片太大,所以我需要滾動我的單槓查看完整的它。我想我的粉紅色圖片是從頂部10px和從我的背景圖片右邊10px。但它似乎根據瀏覽器,我px設置。我想粉紅色的圖像在右上角,怎麼樣?對不起,我的bad english ...

回答

0

由於某些原因,當您在#superdown圖片上使用position: relative;時,#down圖片的絕對位置基於瀏覽器的邊界。解決這個問題的一種方法是將#superdown設置爲position: absolute;,但我當然不確定這是否會妨礙頁面中的其他內容。

1

我希望您正在尋找這樣的: - DEMO

只要給position:absolute;家長股利

+0

你,我知道,但我蒼白的外星人圖片的完整視圖,這樣做NT秀全視圖 – dramasea

+0

@dramasea茹看這個: - http://jsfiddle.net/Gynft/7/embedded/result/ –

+0

是的,但是當你看到真正的圖像http://images4.alphacoders.com/177/177506 .jpg並且與那個頭部的左側部分消失相比 – dramasea

相關問題