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

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

概述我有一个div内的链接,漂浮在屏幕的右侧。该链接在FF或Chrome中不起作用,但在IE中工作(仅使用IE8测试)。 最简单的例子如下所示: <html><head><title>test</title><style type="text/css">#logo { left:10px; float:left; top:10px;} #feedback { float: righ 我有一个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 ><div ID="header">    <div ID="logo">logo</div>    <div ID="Feedback"><a @R_301_6839@="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#菜单而不声明顶部,底部,左边或右边的属性?只是好奇。我不习惯那些不在那里的人。

总结

以上是内存溢出为你收集整理的html – 锚点标签变成一个带有float的div的非工作链接:right;全部内容,希望文章能够帮你解决html – 锚点标签变成一个带有float的div的非工作链接:right;所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1111115.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存