概述 如果你厌烦了为低版本IE写又臭又长的hack,IE条件注释将是比较优美的解决方法。当然条件注释的功能不仅仅是以上那些功能,除了规避写出恶心的hack,它还可以针对不同的IE版本(IE5.5-9,IE10不支持条件注释)做出不同的相应,比如针对不同IE加载不同的样式,或者脚...
CSS3感应鼠标的背景闪烁和图片缩放动态效果,鼠标滑过时增加了一点动画效果,当鼠标放在眼睛上的时候,眼睛会闪动几下,CSS3环境下运行,ie8不能运行 复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML ...
最近开始倒回来看看CSS这块儿有什么不太了解的地方需要巩固!呵,好家伙!一番折腾之后我发现还真有很多不太了解的。真是学无止境啊...CK说网上有很大概15种可以让CSS元素居中的方法。Oh,卖糕的!这是逼我查资料到夜晚两点的节奏么? 闲话休体,现在我们来进入正题...
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及. 1.圆角 CSS3实现圆角有两种方法. 第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许...
tml和body的高度并不一定相同,在内容少的时候,body的高度要小于html,当然这只会出现在body中的内容所占的空间高度小于浏览器的视口高度的时候,此时html的高度大于body的高度。网页中的元素都是以body最为参考,所以有必要保持html和body的高度相同。 ...
复制代码代码如下:<div class=\"main\"> <!--css3自定义渐变圆角按钮样式--> <input type=\"submit\" class=\"btn-style-01\" value=\...
我们在用DIV+CSS布局文章内容页面的时候,往往会让DIV或其他元素自适应高度,可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的...
复制代码代码如下:<!doctype html><html><head><meta charset=\"utf-8\"><title>css3 3d动画 keyframes</title></h...
复制代码代码如下:.bagua { height: 300px; width: 300px; text-align: center;}.bagua .dir { position:absolute; height:124px; width: 300px; background:...
本文实例讲述了纯css3制作的火影忍者中写轮眼开眼至轮回眼及进化过程实现方法。分享给大家供大家参考。具体分析如下: 今天是火影忍者(漫画)宣告完结的日子。看过火影的朋友都知道,写轮眼是什么,这里就不多说了。下面就直接展示整个效果,上张图,先睹为快: 目前已经测试 IE10、F...

我的博客

人生若只如初见,何事秋风悲画扇。