微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 锚点标签变成一个带有float的div的非工作链接:right;

我有一个div内的链接,漂浮在屏幕的右侧。该链接在FF或Chrome中不起作用,但在IE中工作(仅使用IE8测试)。

最简单的例子如下所示:

<html>
<head>
<title>test</title>
<style type="text/css">
#logo {
 left:10px;
 float:left;
 top:10px;
} 
#Feedback {
 float: right;
}
ul#menu
{
    position:relative;
}
ul#menu li
{
     display: inline;
     list-style: none;       
}
ul#menu li.last {
    margin-right: 50px;
}
</style>
</head>
<body>
<div class="page">
<div id="header">
    <div id="logo">logo</div>
    <div id="Feedback"><a href="http://www.norge.no">test link</a></div>
    <div id="menucontainer"><ul id="menu"><li>test 1<li>test2</ul></div>
</div>
</div>

</body>

如果我删除任何浮动样式或位置样式,链接可以在Chrome和Firefox中点击。 (但是我的布局关闭)。

我的问题是:是什么原因造成的,有可靠的解决方法吗?

解决方法

我以前也有同样的问题。当您将鼠标悬停在锚点上时,光标不会更改为指针,您不能单击链接

每次,这是由于定位的元素与锚重叠,有效地成为鼠标和锚之间的层。通常它是像你有的像。

确保图像不是很宽,以至于边界或css width属性不与锚重叠。如果不是这个原因,那么对于menucontainer做同样的事情。

你用firebug做firefox吗如果没有,它可能有助于发现任何重叠的问题。

我在一个答案中有一个问题你为什么你相对地定位ul#菜单而不声明顶部,底部,左边或右边的属性?只是好奇。我不习惯那些不在那里的人。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐