关于z-index的那些事儿

日期：2013-3-6  来源：GBin1.com

关于z-index的真正问题是，很少有人理解它到底是怎么用。其实它并不复杂，但是如果你从来没有花一定时间去看具体的z-index相关文档，那么你很可能会忽略一些重要的信息。

不相信我吗？好吧，看看你能否解决下面这个问题：

问题：

在 接下来的HTML里 有三个

元素，并且每个

里包含一个 元素。每 个被分别给定一个背景颜色：红、绿、蓝。每个被放置到文档的左上角附近，部分重叠着其他 的元素，这样你就可以看到哪些是被堆叠在前面。第一个有一个z-index的值为1，而其他两个没有任 何z-index值。

以下就是这个HTML和它的基本CSS。

HTML代码

..........

via gbtags

来源：关于z-index的那些事儿

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/8288/viewspace-755495/，如需转载，请注明出处，否则将追究法律责任。

0

0

分享到：

上一篇： Geek必备神器 - Google眼镜（Google glass）的十大特色

下一篇： 推荐2013年最新的10款jquery插件

请登录后发表评论 登录

全部评论

<%=items[i].createtime%>

<%=items[i].content%>

<%if(items[i].items.items.length) { %>

<%for(var j=0;j

<%=items[i].items.items[j].createtime%> 回复

<%=items[i].items.items[j].username%>   回复   <%=items[i].items.items[j].tousername%>： <%=items[i].items.items[j].content%>

<%}%> <%if(items[i].items.total > 5) { %>

还有<%=items[i].items.total-5%>条评论 ) data-count=1 data-flag=true>点击查看

<%}%>

<%}%>

<%}%>

转载于:http://blog.itpub.net/8288/viewspace-755495/