如何放置ul在img（响应）？ [英] how to place ul over the img (responsive)?
本文介绍了如何放置ul在img（响应）？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想在< img> 上放置< ul> 。
虽然最终结果是响应，为此，我使用 Bootstrap 框架。
I want place <ul> over the <img>.
While the end result is going to be responsive, for this I use "Bootstrap" framework.
有没有办法使用引导类？或任何其他方式？
Is there a way to use bootstrap classes? Or any other way?
<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>
推荐答案
尝试将图像位置设置为相对位置ul到绝对在你的css。这可能有效。
Try setting the image position to relative and the position of the ul to absolute in your css. This might work.
这篇关于如何放置ul在img（响应）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
