网页里关于鼠标经过点击的各种属性

html-css015

网页里关于鼠标经过点击的各种属性,第1张

在CSS定义鼠标经过点击的各种属性基本有以下四个:

a:link --连接平常的状态

a:visited --连接被访问过之后

a:hover--鼠标放到连接上的时候

a:active--连接被按下的时候

比如,a:hover {color: #800080} /* 鼠标移动到链接上时的状态 */

意思:鼠标移动到链接上时候的链接对象颜色呈现紫色。

CSS 鼠标点击穿透Div

有些时候网页中用到了一些绝对定位的Div,因为需要事先这个Div是隐藏的,但是它所在的位置会遮挡住鼠标点击事件。这个时候可以用CCS3中的pointer-events属性来解决。

//穿透该层

pointer-events:none

//恢复点击处理

pointer-events:auto

根据情况来动态修改Div的pointer-events属性即可。

例如用JQuery可以这样写:

//穿透该层

$('#dvTest').css('pointer-events', 'none')

或者

恢复点击处理

$('#dvTest').css('pointer-events', 'auto')