元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法

  发布时间:2016-09-09 11:47:04   作者:佚名   我要评论
下面小编就为大家带来一篇元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

元素绝对定位以后设置了高宽,a标签不能点击的原因:

1、元素内并无内容

2、背景是透明的,无任何背景图或者颜色

解决方法:

1、如果不是绝对定位元素的,可以用相对定位

2、给元素加透明的背景图

3、IE可以只用 background:url(?about:blank) 解决

第三种方法平时用用是可以的,但是在某种情况下会有bug, 比如JS拖动层时候,拖动的事件在一个透明层上面,你有设置了其他鼠标光标,这时候拖动就会出现光标闪烁的现象!

总结:用第二种方法,弄一个1*1PX的透明图就好!

以上这篇元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持程序员之家。

相关文章

  • a标签下载链接的简单实现

    下面小编就为大家带来一篇a标签下载链接的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-13
  • 深入浅出meta标签

    meta标签是html网页源代码中非常重要的标签,下文重点给大家介绍html 中meta标签的知识,非常不错,感兴趣的朋友一起学习吧
    2016-08-29
  • html meta标签的使用总结(推荐)

    下面就为大家带来一篇html meta标签的使用总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • HTML的meta标签常见用法集锦

    写在Web的head头部中的mata标签看似不起眼,实则可以设置非常多种的功能,包括页面编码等重要设定,这里我们便来总结HTML的meta标签常见用法集锦:
    2016-07-11
  • HTML的a标签href属性指定相对路径与绝对路径的用法讲解

    href是链接前端文件的一个最常用的重要属性,这里我们就来看一下HTML的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下
    2016-07-11
  • 移动端html5 meta标签的神奇功效

    制作手机版网站的时候,除了页面简洁、操作方便等访问者可以看到的地方以外,就是 Meta 标签的设置,合理设置 Meta 标签 对手机版网站的搜索引擎优化,手机浏览器的渲染展
    2016-01-06
  • 实例讲解HTML5的meta标签的一些应用

    这篇文章主要介绍了HTML5下meta标签的一些应用方法实例,包括在移动前端页面上的一个使用例子,需要的朋友可以参考下
    2015-12-08
  • a标签有小手状和无小手状css的属性介绍

    下面小编就为大家带来一篇a标签有小手状和无小手状css的属性介绍。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-26

最新评论

?


http://www.vxiaotou.com