随笔分类 -  DIV+CSS

摘要：转自：http://isd.tencent.com/?p=1483事物绝非十全十美总有强差人意的一面，之前针对浮动分析了其引起文本重影的怪异问题，而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。1.position:relative;属性值导致overflow:hidden;失效。问题：在IE6/7中子级设置position:relative;属性值后，导致父级的overflow:hidden;... 阅读全文

摘要：语法：为什么选择她，因为我认为，这个选择器是最多学问的一个了。很可惜，据我所测，目前能较好地支持她的只有Opera9+和Safari3+。描述：伪类:nth-child()的参数是an+b，如果按照w3.org上的描述，写成中文，很可能会让人头晕，再加上笔者的文笔水平有限，所以我决定避开an+b的说法，把它拆分成5种写法共5部分来说明。第一种：简单数字序号写法:nth-child(number)直... 阅读全文

摘要：对在为链接颜色不知道该如何控制的童鞋们，这篇文章是个很好的教材，帖上共享之：CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，最后以 Specificity 的高低判断 CSS 的优先权。Specificity 具体的计算规则1.元素的 style 样式属性，加 1,0,0,0。 2.每个 ID 选择符（#i... 阅读全文

摘要：问题症状： 1、<link href="css.css" rel="stylesheet" type="text/css" /> 通过link方式引用css，在ie7，ie8可以正常显示，ie6不能正常显示。 解决： 1、改变文件编码格式为utf-8，并在css文件加上 @charset "utf-8"; 2、去掉css中的中文注释。 原因： 网页采用了 UTF-8 编码格式，这本来没... 阅读全文

摘要：作者的blog：http://www.planabc.netz-index属性简介引用: z-index : auto | number auto：默认值。number：无单位的整数值，可为负数。z-index 值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而z-index 值为负数的对象在其之下。 注意：这个属性不会作用... 阅读全文

摘要：CSS渐变这一特性Webkit浏览器这二年都有介绍，但是一直没有被大多数浏览器所兼容。现在Firefox 3.6+已经实现了对 CSS渐变的支持，我们可以通过CSS样式而不用图片实现渐变效果。下面这段代码将展现支持IE, Firefox 3.6+, Safari, and Chrome浏览器的CSS渐变。 一、Webkit 下面一行是针对Webkit渐变的代码（如：Safari, Chrome等）... 阅读全文

摘要：最近看一篇英文文章，大致内容如下（小女英语欠佳，若有理解欠妥之处忘各位高手指正）：尽管CSS有垂直属性，但是它不像HTML中Table标签的垂直性一样有效。CSS的垂直属性似乎也不能解决这个问题： 问题的定义： 1、 一个在页面中已知高的区域（如DIV）。 2、 一个内部元素（代表在DIV中的一段长文本）在一个未知高的区域内部（如：它们内容的数据是动态变化的）。 3、 要求它垂直居中在区域中。 4... 阅读全文

摘要：最近在布公司一个招商页面。遇到了一个很让我纠结的小问题。于是乎，本着学习学习再学习的原则，一一深究，学到了很多东东，还是着手总结总结(纪念下“老化”的大脑)其实一切纠结根源就是IE独有的hasLayout引发的一系列让我们这些页面人士很杯具的兼容问题。当一个元素的 hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位（很多情况下，我们把 ha... 阅读全文