这里用纯CSS实现一个简单的单级下拉菜单，鼠标划过菜单标题时显示下拉菜单。基本思路在菜单处于光标之下时显示菜单，其余时候隐藏。这个过程首先得想到 :hover 伪类来实现，但是直接的利用伪类还不行，因为普通状态下菜单隐藏了，没办法触发 :hover ，不过下拉菜单隐藏了不是还有菜单标题么，菜单标题处...
分类：
其他好文 时间：
2014-07-22 22:53:13
阅读次数：
333
z-index的问题
document的默认值是0.
一旦出现这种问题，检查下是否对大背景设置了z-index：-1;
如果设置了这个，那么所有的被设元素的内容都会在document之下，选取不到。包括不会出现链接点击、文字选取、hover等效果。...
分类：
其他好文 时间：
2014-07-21 13:34:37
阅读次数：
240
效果预览这里用纯CSS实现一个简单的单级下拉菜单，鼠标划过菜单标题时显示下拉菜单。基本思路在菜单处于光标之下时显示菜单，其余时候隐藏。这个过程首先得想到 :hover 伪类来实现，但是直接的利用伪类还不行，因为普通状态下菜单隐藏了，没办法触发 :hover ，不过下拉菜单隐藏了不是还有菜单标题么，菜...
分类：
其他好文 时间：
2014-07-19 11:19:34
阅读次数：
210
悬浮按钮 （Hover Button） 悬浮按钮通过将鼠标点击换成悬浮然后等待(hover-and-wait)动作，解决了不小心点击的问题。当光标位于按钮之上时，意味着用户通过将光标悬浮在按钮上一段时间来表示想选中按钮。另一个重要特点是悬浮按钮在用户悬浮并等待时，多少提供了视觉反馈。 必须使用一个计...
分类：
其他好文 时间：
2014-07-19 00:26:37
阅读次数：
340
一超链接的四种样式a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF} /...
分类：
Web程序 时间：
2014-07-18 23:27:51
阅读次数：
435
价格
对a链接包含的span图标进行样式更改。
.icon-down-single-arr{
background-position: -67px -974px;
}
.icon-down-single-arr-li li:hover .icon-down-single-arr{
background-position: -81px -974px;...
分类：
Web程序 时间：
2014-07-17 10:32:35
阅读次数：
241
CSS1 CSS2 CSS 3 :hover 在IE6中只有a元素可用。 E:empty 貌似在webkit核心浏览器中有些小bug。 如果这个bug依然存在，不太确定如何测试。 IE6不支持.class1{}.class2{}双类选择器。 IE8注意事项： E[attr]选择器在值为空的时候或者写...
分类：
Web程序 时间：
2014-07-16 18:35:51
阅读次数：
241
一、CSS+JS下拉菜单原理：一级菜单的li中包含二级菜单ul。在鼠标没有移上去时，二级菜单的ul是display：none的状态，鼠标一移上去变成display：block。改变这个display属性值是通过JS来实现。鼠标hover时，把整个二级菜单的ul给display出来，用到的事件onmo...
分类：
Web程序 时间：
2014-07-12 00:11:19
阅读次数：
317
截图如下：（可通过移动中间蓝色的条，来改变左右两边div的宽度）
具体实现代码如下：
.highlightTextSearch
{
background-color: Red;
}
a:hover
{
col...
分类：
其他好文 时间：
2014-07-10 17:46:25
阅读次数：
159
1.双边距BUG float引起的使用display：inline2.3像素问题 使用多个float和注释引起的 使用dislpay:inline -3px3.超链接hover 点击后失效使用正确的书写顺序 link visited hover active4.Ie z-index问题 给父级添加p...
分类：
其他好文 时间：
2014-07-06 18:00:48
阅读次数：
457
