如何将 ul 放在 img 上（响应式）？ [复制]答案

【问题标题】：how to place ul over the img (responsive)? [duplicate]如何将 ul 放在 img 上（响应式）？ [复制]
【发布时间】：2013-07-03 13:54:24
【问题描述】：

我想将<ul> 放在<img> 上。虽然最终结果将是响应式的，但为此我使用“Bootstrap”框架。

有没有办法使用引导类？还是其他方式？

<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>

【问题讨论】：

你有这方面的例子吗？
我的意思是，使用引导类..
你能不把img作为背景吗？
@Nazanin 如果系统没有告诉你，你关于声誉的问题已经迁移到元meta.stackexchange.com/questions/187548/…

标签： html css twitter-bootstrap

【解决方案1】：

尝试在你的 CSS 中将图像位置设置为相对位置，并将 ul 的位置设置为绝对位置。这可能有效。

【讨论】：