|
摘要：
作者网站：http://www.cssplay.co.uk 一个简单、隐藏的菜单，初始时只有一个指示用的菜单标签，当鼠标移动到菜单标签上时显示出完整的菜单。Javascript有许多版本,但很少有CSS的版本，我认为到目前为止这个菜单是唯一的. 菜单工作在 IE5.5, IE6, IE7, Firefox, Opera, Netscape 8 and Mac Firefox 1.5 and Sa... 阅读全文
posted @ 2006-12-25 14:41
Steveson
阅读(407)
评论(0)
推荐(0)
摘要：
原理 将二个相同而色彩不同的文字重合在一起，通过分别给其加 clip 属性，使上面和下面的文字被剪切位置不同，从而产生二种不同的色彩。 clip : 摘自苏沈小雨CSS手册clip : auto | rect ( number number number number ) 参数： auto : 对象无剪切 rect ( number number number number ) : ... 阅读全文
posted @ 2006-12-25 14:37
Steveson
阅读(292)
评论(0)
推荐(0)
摘要：
作者：Stu Nicholls 翻译：forestgan 信息 这是 cssplay的站长根据其最近创作的dropdown and flyout menus而改编而成的，当鼠标按顺序悬停在菜单上时，可在同一位置显示不同的页面，可在Opera, IE5.5, IE6, IE7 beta,Safari 1.3.2 & Firefox.中正确显示和工作，不兼容Mac IE5。 鼠标悬停在菜单和页面上... 阅读全文
posted @ 2006-12-25 14:35
Steveson
阅读(216)
评论(0)
推荐(0)
摘要：
这是一个比较典型的三行二列布局，每列高度（事先并不能确定哪列的高度）的相同，是每个设计师追求的目标，按一般的做法，大多采用背景图填充、加JS脚本的方法使列的高度相同，本文要介绍的是采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。 先看代码：#wrap{ overflow: hidden; } #sideleft, #sideright{ padding-... 阅读全文
posted @ 2006-12-25 13:51
Steveson
阅读(388)
评论(0)
推荐(0)
摘要：
清除DIV浮动--使用:display: table 特点：不占用物理空间. display :table ;--将对象作为块元素级的表格显示 CSS修正代码:.wrapfix { display: table; } 以上代码加在CSS文件里即可,用:class="wrap wrapfix" 调用 这是没有清除过浮动的．非Ie浏览器看不到wrap的背景和边框． 这是清除过浮动的．... 阅读全文
posted @ 2006-12-25 13:49
Steveson
阅读(562)
评论(0)
推荐(0)
摘要：
这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。 CSS代码：body{ font: 80% Arial,sans-serif; background: #666; } #nav{ width: 170px; background: url(navbg.gif) bottom; list-style-type: none; margin: 0... 阅读全文
posted @ 2006-12-25 13:48
Steveson
阅读(283)
评论(0)
推荐(0)
摘要：
当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不 同，用以给浏览者一个明显的指示。 下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何 实现当前页。 设菜单有5个栏目：home、about、products、services、contact，分别给每个栏目一 个ID，m1-m5，CSS可写成如下： #home #nav li#m1 a, #... 阅读全文
posted @ 2006-12-25 13:38
Steveson
阅读(370)
评论(0)
推荐(0)
摘要：
特点：不需要另外加个清除DIV. :after（伪对象）--设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所以并不影响到IE/WIN浏览器。 CSS#wrap:after { content: "."; display: block; height: 0; clear: both; visibility:... 阅读全文
posted @ 2006-12-25 13:37
Steveson
阅读(230)
评论(0)
推荐(0)
摘要：
The IE Doubled Float-Margin Bug IEBug--浮动对象外补丁的双倍距离 先看以下代码：#box{ background: ThreedFace; width: 500px; height: 400px; } #box1{ float: left; background: #F2F2F2; width: 300px; height: 200px; ... 阅读全文
posted @ 2006-12-25 13:36
Steveson
阅读(247)
评论(0)
推荐(0)
摘要：
这是div+css布局中经常会碰到的基础问题，个人觉得采用背景图填充的方法，还是比较简单和切实可行的。最终效果。 CSS： body{ background: #EDEDED; font-size: 70%; font-family: Arial, Helvetica, sans-serif; line-height: 130%; color: #666666; margi... 阅读全文
posted @ 2006-12-25 13:35
Steveson
阅读(287)
评论(0)
推荐(0)
|
浙公网安备 33010602011771号