最近在关注CSS3的一些新特性,并尝试逐渐应用在本博客当中,得益于我这套自己编写的zblog模版良好的扩展性,整个过程异常的顺利,在CSS3一些新的元素中,本博客暂时用到的就只有“圆角”、“阴影”和“渐变”了,如果你使用firefox 3.6以上版本,或者是webkit内核的safari(包括iPad上的safari),chrome浏览器,就能看到本博客的这些改变,如果你是用ie内核的浏览器,你将不会察觉到有任何变化。CSS3属于“未完成”的东西,很多情况mozilla和webkit要用各自的一套代码,加上ie不支持CSS3,感觉写CSS3就像写CSS2的Hack一样。而且各浏览器对于细节渲染不完全是一致的,各种原因,CSS3普及的日子还有较长的一段时间。...
来自:蓝色理想
屏蔽IE浏览器(也就是IE下不显示)
屏蔽IE浏览器(也就是IE下不显示)
IE6不支持PNG半透明图片的缺陷为web设计带来了极大的不便,之前曾经介绍过用滤镜+hack的方法实现显示PNG,不过实现起来相当繁琐。还有一种网上比较流行的方法,更加简便,下面详细介绍这种方法
PNG ( Portable Network Graphics ) 格式的无损压缩和半透明特性对增强网页效果减少网页体积有着重要的作用,但由于 IE6 不支持 PNG,所以一直未能得到广泛的应用。虽然 IE7 已经支持 PNG,但目前 IE6 还是主流,怎么样让 IE6 也使用 PNG 呢
实现 ToolTips 的方法有很多,大多数用 JS,下面是用纯 CSS 制作的,定位上运用了 absolute 与 relative,本文根据 Blueidea 上的文章,略作修改和添加
作者:Wayhome Wang
Div + CSS 进行网页布局,适当地运用 absolute 与 relative,能给布局带来意想不到的效果和方便,达到事半功倍,最近在 Blueidea 有一篇关于 absolute 与 relative 的运用的文章,但讲解不全面,不容易读懂。下面我尝试写下一些我的看法,希望对你有帮助
Div + CSS 进行网页布局,适当地运用 absolute 与 relative,能给布局带来意想不到的效果和方便,达到事半功倍,最近在 Blueidea 有一篇关于 absolute 与 relative 的运用的文章,但讲解不全面,不容易读懂。下面我尝试写下一些我的看法,希望对你有帮助
作者:Wayhome Wang
自适应高度的问题,采用 Div + CSS 进行三列或二列布局时,事先不知道具体高度,只能根据内容的增减自适应高度,要使两列(或三列)的高度相同,用 Table 很容易实现,但采用 Div + CSS 就显得比较麻烦了。按照一般的做法,大都采用背景图填充或 JS 脚本的方法使高度相同,但这些都不是最好的办法
自适应高度的问题,采用 Div + CSS 进行三列或二列布局时,事先不知道具体高度,只能根据内容的增减自适应高度,要使两列(或三列)的高度相同,用 Table 很容易实现,但采用 Div + CSS 就显得比较麻烦了。按照一般的做法,大都采用背景图填充或 JS 脚本的方法使高度相同,但这些都不是最好的办法
作者:Wayhome Wang
长话短说,用 DIV + CSS 做液态布局(宽度自适应),具体用到“负值外补丁”的方法 (negative margins)。
下面我们来做一个三栏液态布局(three-column liquid layout)
长话短说,用 DIV + CSS 做液态布局(宽度自适应),具体用到“负值外补丁”的方法 (negative margins)。
下面我们来做一个三栏液态布局(three-column liquid layout)