Html & CSS
爱笑的tycho
javascript, css, html!前端fightt
展开
-
遮罩层,绝对定位元素导致无法触发点击事件的解决办法
问题在没有背景和图片填充的情况下,Firefox 和Chrome 下不能直接点击绝对定位层下的元素(比如连接,按钮),下面的元素会被上面的绝对定位层挡住。IE下可以直接点击绝对定位层下面的元素。解决办法对于这种问题需要用到一个CSS3的属性,可以通过给绝对定位的层多加一个样式:" pointer-events:none; " 这样绝对定位层下的元素就可以点击了。这其中有一个需要注意的地方...原创 2019-10-24 11:13:37 · 6615 阅读 · 0 评论 -
3分钟让你学会遮罩层效果的实现
前言在我们写网页的时候,我们经常都要实现一个这样的效果:当用户进行某些操作的时候,比如鼠标移入、悬停或者点击一个区域时,区域上出现一个遮罩层,覆盖住了原来区域,给用户提供了更多的相关信息,就好像这样:这是一张个人简介里的相片:当你想获得更多过于TA的信息时,只要将你的鼠标移入相片区域,信息就出来了:实现:首先我们创建一个div,命名为"img_div",装有图片还有遮罩层的div。...原创 2019-09-14 17:40:45 · 1005 阅读 · 0 评论