嵌套分区标签不同的背景

时间:2015-07-27 18:20:51

标签: html css3 background

我无法将第二个divsion标签的背景图像显示在第一个上面。我认为嵌套这些会起作用,但是没有第二个分区标签或img我把它显示出来。

这是我的代码。它应该在中间放置一个白色/灰色图像,里面有图像。

{% assign product = site.products %}
            {% for product in site.products %}
             {% for success in site.success-stories %}
                {% if product.title == success.product %}
                 <li><p class="filter label label-default" data-filter=".{{product.title | downcase}}">{{product.title}}</p></li>
                {% endif %}
             {% endfor %}
            {% endfor %} 

2 个答案:

答案 0 :(得分:0)

当重叠html元素时,注意相关标签的filter { grok { match => { "message" => "%{DATESTAMP:timestamp} %{NUMBER:some_id} %{NUMBER:some_id} %{NUMBER:some_id} %{NUMBER:some_id} %{NUMBER:some_id} %{DATA:url} %{GREEDYDATA:log_message}" } } date { match => ["timestamp", "dd/MM/YY-HH:mm:ss"] #remove_field => ["timestamp"] } mutate { remove => [ "message" ] } } css属性非常有用。它实质上告诉浏览器应该在其他元素之上查看哪些元素。 z-index越高,优先级越高。我使用您的代码对此fiddle进行了设置,并将z-index代码img设置为100,并且显示正确。

答案 1 :(得分:0)

您缺少样式属性的结束引号:

在您的代码段中:

style="position:absolute;top:97px;left:0px;width:100%;
style="position:absolute;top:97px;left:200px;

应该是:

style="position:absolute;top:97px;left:0px;width:100%;"
style="position:absolute;top:97px;left:200px;"