Windows系统下各浏览器常用CSS hack汇总表图

Windows系统下各浏览器常用CSS hack汇总表图
Windows 系统下各浏览器常用 CSS HACK 汇 总表图 CSS HACK 兼容一览表图(IE6-IE8、谷歌浏览器、火狐浏览器等主流浏览器兼容一览表图) 1. 此汇总表中测试浏览器的版本为: 微软系统自带:IE6、 IE7、IE8 火狐:Firefox 3.6.6 Safari:Safari 5.0 谷歌浏览器:Chrome 6.0.458……继续阅读 »

21NN 15浏览 0评论 0个赞

CSS中absolute与relative的区别

CSS中absolute与relative的区别
很多朋友问过我 absolute 与 relative 怎么区分,怎么用?我们都知道 absolute 是绝对定位,relative 是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又 是相对于什么地方而言的呢?那他们又有什么样的特性,可以做出什么样的效果呢?关于两者之间又有什么样的技巧呢?下面我们就来一一解读。    Absolu……继续阅读 »

21NN 22浏览 0评论 0个赞

css网站布局实例+jquery导航

css网站布局实例+jquery导航
1.此 demo 为常用的主页面布局.分为上中下三块布局.中间的为菜单目录和主页面. 2.动态效果为采用 jquery1.3.2 实现. 先上图看效果! css 网站布局实例+jquery 导航 1.此 demo 为常用的主页面布局.分为上中下三块布局.中间的为菜单目录和主页面. 2.动态效果为采用 jquery1.3.2 实现. 3.在……继续阅读 »

21NN 17浏览 0评论 0个赞

CSS元素透明的方法,背景图透明方法

CSS元素透明的方法,背景图透明方法
本篇文章讲了 html 元素透明 和 背景透明 1、HTML 元素透明 其实本身,CSS 实现元素透明是件容易事儿。直接上代码: opacity:.5 opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助我们拐弯抹……继续阅读 »

21NN 14浏览 0评论 0个赞

CSS实现img随div宽度自动变化

CSS实现img随div宽度自动变化
CSS 实现 img 随 div 宽度自动变化 说明:因为屏幕分辨率不同,想实现浏览器中的一个层随浏览器宽度高度的变化而变化,使层始终占浏览器宽度的 90%;高度的 75%;层中的图片随这个层的变化而变化,相信很多人都在实际的项目中遇到过这个问题,下面是实现这种效果的解决方案:body { text-align:center;}html,body { ……继续阅读 »

21NN 18浏览 0评论 0个赞

深入分析CSS中的滑动门

深入分析CSS中的滑动门
在 CSS 中,一个经常被人们讨论的先进之处即背景图像的可层叠性,并允许他们在彼此之上进行滑动,以创造一些特殊的效果。根据 CSS2.0 当前的规定,每 一个背景图像都需要各自的 HTML 元素。在许多情况下,典型的标记已经为一般的接口组件提供了多种元素以供我们使用。   标签导航栏就 是其中的一个例子。过去,我们频繁的使用这些标签,并已成为了一种非常……继续阅读 »

21NN 17浏览 0评论 0个赞

用css3制作纸张效果

用css3制作纸张效果
一、中规中矩的效果 所谓“中规中矩的效果”就是加个投影,贴个胶带什么的。效果如下: 您可以狠狠地点击这里:中规中矩纸张效果 demo 这里纸张本身的效果没有什么说头的,就是个 CSS3 的box-shadow 投影效果而已,相关代码如下: -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);-web……继续阅读 »

21NN 17浏览 0评论 0个赞

HTML5和CSS3制作登录表单

HTML5和CSS3制作登录表单
HTML5 提供了一些新的元素可以让我们不用 JS 轻松实现实用的 web 表单,CSS3 提供了很多新的特性,这些特性允许实现新的设计效果(比如动画、渐变等)。 这里做了一个基于 HTML5 和 CSS3 的登录表单。实例代码使用到 HTML5 提供的一些表单新特性,所以你需要使用支持 HTML5 和 CSS3 的浏览器来查看。 HTML5 代码: ……继续阅读 »

21NN 13浏览 0评论 0个赞

一步步教你实现纯CSS的柱形图

一步步教你实现纯CSS的柱形图
CSS 在处理排版之强大,没有做不到,只有想不到。下面我们将一同实现一个柱状图。 先打好一个具体的框架。我们利用无序列表做整体,里面的东西我们根本选择内联无素 span,strong,em 来填充。 使命召唤: 35% 机器战争: 40% CS: 87% 光环: 45% 半条命: 23% 运行代码 1.<ul class="chart"……继续阅读 »

21NN 16浏览 0评论 0个赞