急div+ css中的链接不能点击
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了急div+ css中的链接不能点击相关的知识,希望对你有一定的参考价值。
我的代码是这样子的
<style>
#mingzi3
width:320px;
height:63px;
margin:-63px 0 0 50px;
</style>
<div id="name3"><a href="#">链接内容</a>
</div>
但是运行后就是不能点击这个链接,鼠标放上去没用,点击也没用
是不因为背景图片小了,在上面做的链接不能用,我这里面大图片上做链接都正常
代码刚才打错了
代码是这样子的
<style>
#name3
width:320px;
height:63px;
margin:-63px 0 0 50px;
</style>
<div id="name3"><a href="#">链接内容</a>
</div>
郁闷,我知道设个网址,但是我浏览的时候,鼠标放上去不会变成一个手型,就算设成一个“#”号,单击的时候也应该有反应,二楼的同志你没明白我的意思。
楼主说的这个很笼统,说一些常见的吧
a标签内一般不能套用div,为什么这么说,一个模块虽然都是一个链接地址,但是行内元素最好不要套着块元素,很容易产生兼容问题,而且不规范,很多情况导致a标签不能正常包括范围,必要的时候a标签只能在行内转为块元素,比如作为一个按钮的时候。
a标签没有写href=“”属性
a标签内没有内容,这时候是没有东西可以点击,除非有内容撑开a标签,使用padding或者转为块元素设计宽高。
使用js是可以阻止事件冒泡的,也就阻止了点击,这个是js交互范畴,楼主应该不会遇到,遇到肯定知道
最常见的是兼容问题,比如某一个元素挡住了a标签,这个最好使用firbug检查,使用火狐浏览器,鼠标放在a标签上,右击firbug查看元素,如果是a标签,那么没挡住,如果是其它的元素,那就可以查看到底是谁挡住了a标签,造成不能点击的假象。
可以提高级别position:reletive;z-index:999;独立出来 参考技术B 根据你得补充,我赞同 回答者: sushise - 书生 二级 的说法。如果问题还不能解决,那就把已经做好的网页删除,重新写代码。
--------------------
我有点崩溃了 你连接为<a href="#"> 点了肯定没用噻
要<a href="www.baidu.com">设置个网址噻 参考技术C a标签不能点击吗?
1、你可以设置a标签 display:block;同时设置a标签的width和我height;
2、你要看看 是不是什么东西挡住了a标签(也就是有什么东西的z-index层高于a标签的z-index层) 参考技术D 本身高度才63px,被你margin-63px还不是空区域,你说你能点到吗,能显示吗?哎!如果实在是遇到你要这样用,只要不是在IE窗体边界的话:
加上
<style>
#name3
width:320px;
height:63px;
margin:-63px 0 0 50px;
z-index:999999999;
</style>
保证在最上层就可以了本回答被提问者采纳
以上是关于急div+ css中的链接不能点击的主要内容,如果未能解决你的问题,请参考以下文章