如何将 ul 放在 img 上（响应式）？ [复制]
Posted
技术标签:
【中文标题】如何将 ul 放在 img 上（响应式）？ [复制]【英文标题】：how to place ul over the img (responsive)? [duplicate] 【发布时间】：2013-07-03 13:54:24 【问题描述】：我想将<ul> 放在<img> 上。
虽然最终结果将是响应式的，但为此我使用“Bootstrap”框架。
有没有办法使用引导类？还是其他方式？
<style>
bodybackground-color:#cCa;
#wrapperposition: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>
【问题讨论】：
你有这方面的例子吗？ 我的意思是，使用引导类.. 你能不把img作为背景吗？ @Nazanin 如果系统没有告诉你，你关于声誉的问题已经迁移到元meta.stackexchange.com/questions/187548/… 【参考方案1】：尝试在你的 CSS 中将图像位置设置为相对位置，并将 ul 的位置设置为绝对位置。这可能有效。
【讨论】：
以上是关于如何将 ul 放在 img 上（响应式）？ [复制]的主要内容，如果未能解决你的问题，请参考以下文章