position绝对定位后，a中使用display:block 无效的解决办法

问题：

当一个div（a）采用了相对定位后，然后另外一个div（b）被div（a）包裹并绝对定位，在div（b）中的a，使其成块元素后在浏览器上成无效链接，鼠标指针无法自动成为手势指针，而且点击无反应。css如下：

.headtop{    position:relative;    z-index: 102;    height: 150px;    overflow: hidden;}.headtop .dzbutton{    position:absolute;    width:150px;height:26px;    overflow:hidden;    bottom:50px;    right:0;    z-index: 103;}.headtop .dzbutton .dzb1 a{    width:26px;height:26px;    display:block;    background:#ccc;}

　解决方案：

增加一个img标签，链接至一个透明gif文件　，如下：

.headtop .dzbutton .dzb1 a img{    width:26px;height:26px;}

　　div如下：

<div class="dzb1"><a href="#"><img src="assets/images/blank.gif" /></a></div>

　　这样a的宽高度就能达到自己预想的情况，并且有正常的链接。

转载于:https://www.cnblogs.com/taobaosdk/archive/2011/08/21/2148681.html

position绝对定位后，a中使用display:block 无效的解决办法相关推荐

使用webpack打包后，vscode中vue代码变白色的解决办法
使用webpack打包后,vscode中vue代码变白色的解决办法卸载vetur,重装vetur
在一个有返回值的方法中，用block回传的解决方法
在一个有返回值的方法中,用block回传的解决方法参考文章: (1)在一个有返回值的方法中,用block回传的解决方法 (2)https://www.cnblogs.com/dsp-ios/p/64 ...
java手机界面太小_手机端页面在项目中遇到的一些问题及解决办法
原标题:手机端页面在项目中遇到的一些问题及解决办法来源:键盘上的眼泪 segmentfault.com/a/1190000015178877 1.解决页面使用overflow: scroll在iOS ...
【Css】使用float:left浮动后，导致后面div高度“塌陷”的解决办法（示例和图示）
正确的样式:在父元素中增加一条:overflow:hidden; 错误的样式: 上图,当"精选推荐"的span使用float:left后,后面的div线顶上去了. 解决办法: 在父 ...
jar中没有主清单属性【解决办法】
<main><script type="text/javascript"> var blogSensitiveWords = ""; j ...
[总结]jsp完成文件上传中遇到的“法克”路径解决办法
在web工程中完成文件上传,需要在jsp页面上写上如下一个控件: <input type="file" id="f" name="f" ...
文章p标签css首行缩进text-indent后，图片img怎么设置不缩进解决办法
文章p标签css首行缩进text-indent后,图片img怎么设置不缩进解决办法段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent. text-indent可以使得容 ...
把myeclipse中的web项目导入eclipse中不能编程web项目的解决办法
title: 把myeclipse中的web项目导入eclipse中不能编程web项目的解决办法 tags: grammar_cjkRuby: true --- 右键单击项目,properties-- ...
python类型错误如何解决_在Python中出现的错误类型以及解决办法
#IndentationError:expected an indented #block 缩进错误 #解决办法 tab 缩进 for index in range(10): if name == ' ...
C中不安全的函数以解决办法汇总
C中不安全的函数以解决办法汇总 C 中大多数缓冲区溢出问题可以直接追溯到标准 C 库.最有害的罪魁祸首是不进行自变量检查的.有问题的字符串操作(strcpy.strcat.sprintf 和 gets ...

position绝对定位后，a中使用display:block 无效的解决办法

position绝对定位后，a中使用display:block 无效的解决办法相关推荐

最新文章

热门文章