急div+ css中的链接不能点击

来源：百度知道 编辑：UC知道 时间：2024/05/21 16:58:17
我的代码是这样子的
<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>
郁闷，我知道设个网址，但是我浏览的时候，鼠标放上去不会变成一个手型，就算设成一个“#”号，单击的时候也应该有反应，二楼的同志你没明白我的意思。

本身高度才63px,被你margin-63px还不是空区域,你说你能点到吗,能显示吗?哎!如果实在是遇到你要这样用,只要不是在IE窗体边界的话:
加上
<style>
#name3{
width:320px;
height:63px;
margin:-63px 0 0 50px;
z-index:999999999;
}
</style>
保证在最上层就可以了

楼主说的这个很笼统，说一些常见的吧

  1. a标签内一般不能套用div，为什么这么说，一个模块虽然都是一个链接地址，但是行内元素最好不要套着块元素，很容易产生兼容问题，而且不规范，很多情况导致a标签不能正常包括范围，必要的时候a标签只能在行内转为块元素，比如作为一个按钮的时候。

  2. a标签没有写href=“”属性

  3. a标签内没有内容，这时候是没有东西可以点击，除非有内容撑开a标签，使用padding或者转为块元素设计宽高。

  4. 使用js是可以阻止事件冒泡的，也就阻止了点击，这个是js交互范畴，楼主应该不会遇到，遇到肯定知道

  5. 最常见的是兼容问题，比如某一个元素挡住了a标签，这个最好使用firbug检查，使用火狐浏览器，鼠标放在a标签上，右击firbug查看元素，如果是a标签，那么没挡住，如果是其它的元素，那就可以查看到底是谁挡住了a标签，造成不能点击的假象。

a标签不能点击吗？
1、你可以设置a标签{ display:block;}同时设置a标签的width和我height；
2、你要看看 是不是什么东西挡住了a标签（也就是有什么东西的z-index层高于a标签的z-index层）

求源码。。。。。

明明可以看到却无法点击操作，那就是被某个层挡住了
可以提高级别position:reletive;z-index:999;独立出来

根据你得补充，我赞同 回答者： sushise - 书生 二级 的