css
mibb005
这个作者很懒,什么都没留下…
展开
-
让IE6、IE7、IE8支持CSS3的圆角、阴影样式 文章出处:标准之路(http://www.aa25.cn/css_example/947.shtml)
想做个页面用到css3的圆角和阴影效果,但ie浏览器不支持,之前也听说有插件可以实现,周六在网上找到了一个方法,原文如下: 但凡是前端工程师,都知道IE6,IE7,IE8不支持、或者不完全支持CSS3的属性。 CSS3 有很多很强大、绚丽的效果,比如,圆角,阴影,渐变透明,渐变背景,等等。 因为IE6时代,没有什么标准,而因为各种原因,IE6用户几乎不会更新IE版本。转载 2012-05-11 09:04:50 · 285 阅读 · 0 评论 -
兼容所有浏览器的CSS3圆角
解决CSS3圆角 兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案,但是说的不够全面,前端观察最近将整理更多更全面的资源给大家,敬请期待。 译 :前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原转载 2012-05-29 09:25:05 · 177 阅读 · 0 评论 -
CSS3之伪类选择器:nth-child()
CSS3提供了强大的伪类(pseudo-class)选择器,使开发者能选择某一对象中符合特定条件的元素进行渲染。这些伪类在刚接触的时候大家会觉得非常混乱,但当掌握了以后能大大提高你的代码效率,并且节省代码量。今天先要说的是nth-child伪类。 下面给大家介绍下nth-child的用法: first-child 定义第一个li样式 .test1 li:nth-child(1){ba转载 2012-05-29 10:13:21 · 480 阅读 · 0 评论 -
columns - CSS3之文本模块标签
W3C提供了一个新的属性columns来控制文本布局,主要是对文本模块的单列、多列进行控制。定义每列的宽度和定义的列数以及模块文本样式。 附上columns的一个例子: -webkit-column-count:3; -webkit-column-width: 150px; -webkit-column-gap:50px; -webkit-column-rule:1px solid转载 2012-05-29 10:24:36 · 249 阅读 · 0 评论 -
Color Values颜色取值方法
css颜色取值,大家对于css2版本以下颜色名称、十六进制技法、rgb记法。 以上取值记法大家都和你熟悉,css3又有什么更另类的取值方法呢? RGBA、HSL、HSLA这三位大侠就是我们拭目以待的css3的颜色取值方法。 RGBA 即在css2版本中RGB记法增加了支持透明度的元素,语法也是相当容易理解:RGBA(255,0,0,0.5),这里的透明度,取值方范围在0-1。 H转载 2012-05-29 10:26:12 · 347 阅读 · 0 评论 -
JS+DIV表单实例——鼠标移上背景变色和文字提示
一个表单设计实例,鼠标移上背景变色,同时出现文字提示。直接看演示吧! JS+CSS实现的一种交互体验 @charset "utf-8"; /*元素初始值*/ html {background: #FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blo转载 2012-05-11 09:26:03 · 826 阅读 · 0 评论 -
CSS滑动门技术自适应宽度按钮
CSS自适应宽度圆角按钮 *{margin:0; padding:0;} body{padding:10px; font-size:12px;} h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;} a{background:url(/uploadfile/200903/17/41205957519.gif) l转载 2012-05-11 10:27:06 · 1030 阅读 · 0 评论 -
层始终保持在页面底部效果实例
html,body { width:100%; height:100%; margin:0px; padding:0px; overflow:hidden; } #Main { position:absolute; bottom:0px; left:0px; width:100%; height:100%; overflow:auto; z-index:1; } #转载 2012-05-11 10:29:23 · 758 阅读 · 0 评论 -
用js实现css3效果的圆角方法 文章出处:标准之路(http://www.aa25.cn/css_example/948.shtml)
找在IE下实现css3效果的圆角时找到的一个实例,没有测试,不知道使用起来怎么样,有兴趣的朋友可以自己试一下: 在线演示 - LHGCALENDAR DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true);DD_roundies.addRule('.websjy2', '5px', true转载 2012-05-11 08:59:11 · 598 阅读 · 0 评论