2013-07-05 72 views
-2

我希望<ul>可以在<img>之上。 雖然最終結果將會有所反應,但爲此,我使用「框架」作爲「Bootstrap」框架。如何將ul放在img(響應)上?

有沒有辦法使用引導類?或者其他方式?

<style> 
body{background-color:#cCa;} 
#wrapper{position:relative;} 
ul{ 
    position:absolute; 
    top:50px; 
} 
</style> 
<body> 

<div class="container-fluid"> 
<div class="row-fluid"> 

    <article class="span4" id="wrapper" > 


    <img src="css_js/img/sf.png"> 

    <ul class="unstyled text-center"> 
     <li>a</li> 
    </ul> 
    <ul class="unstyled text-center"> 
     <li>b</li> 
     <li>b</li> 
     <li>b</li> 
    </ul>  

    </article> 

</div> 
</div> 

</body> 
+0

你有這樣的例子嗎? – putvande

+0

我的意思是,使用引導類.. –

+1

你可以不把img作爲背景嗎? – GuiGreg

回答

1

嘗試將圖像位置設置爲相對位置並將ul的位置設置爲絕對位置。這可能工作。