随笔分类 -  css翻译总结

z-index解析
摘要：不设置z-index如果没有元素设置z-index,元素对方会按照文档中出现的顺序从底到高排列：（排列顺序）1.根元素2.正常的流的元素3.设置了position的元素，按在文档中的顺序排列注：标准的块元素（DIV #5）没有设置任何定位，他将在定位元素之前渲染，出现在定位元素的下面，即使在html文档中处于后面。示例见下图（注意元素的前后关系）：示例代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1- 阅读全文

posted @ 2013-05-02 15:12 错河之泪 阅读(1096) 评论(2) 推荐(0)

float导致的渲染顺序变化
摘要：设置了浮动的元素，页面排序和堆叠会发生变化。浮动元素放置在普通元素和定位元素之间。位置关系如下：1.根元素2.正常的元素3.浮动元素4.行内元素按正常布局渲染4.设置了定位的元素示例如下：（注意元素的前后位置） 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 <html> 4 <head><style typ 阅读全文

posted @ 2013-05-02 14:54 错河之泪 阅读(367) 评论(0) 推荐(0)