Back

如何实现底部的斑马条( implement the striped title in bottom)

发布时间: 2013-12-12 08:00:00

关键是：  在斑马条上面加一个 空白区域的 place holder div. 如下图的红色箭头部分 ( the key is: add a blank area as the "place holder" above the striped title area, show as below. ) 

代码如下：

<div>
    <div class="place_holder_above_striped_title" style="height: 100px; width: 200px">
    <div style="background-color: black; opacity: 0.5; color: white; height: 20px"> some title in striped area 
</div>

Back