隐藏浮动问题 [英] hidding float problems

问题描述

我只在IE6中得到这个错误。


我有一个浮动的超链接，当它浮动在另一个超链接上时，即使其他链接浮在它上面，底部超链接文本也是可见的。


我在firefox中找到的工作是设置z-indexs，但是我无法在IE6中工作。


有什么想法吗？

I only get this bug in IE6.

I have a floating hyperlink and when it floats over another hyperlink, the bottom hyperlink text is visible even with the other link floating over it.

The work around I found in firefox was to set the z-indexs, but I can''t get that to work in IE6.

Any thoughts?

推荐答案

您是否尝试将浮动链接（您总是希望看到的那个，对吧？）附加到图像或按钮而不是文本？

Have you tried attaching the floating link (the one you always want to see, right?) to an image or a button rather than text?

这不会真正起作用。让我试着解释一下。


我有一张重复的桌子。我需要显示的其中一个字段可能相当大。

所以我想要做的是在表格中有一个字段，其中包含See Detail字样。在它上面，当你将鼠标悬停在它上面时，会显示一个带有全文的更大的框。


我尝试了几种不同的方法。并且鼠标属性不是我想要的，因为我使用鼠标在IE中但不在Firefox中工作的属性，或者在Firefox中工作的鼠标属性，但是当鼠标移动时会导致IE中的闪烁。


所以我试图保持浏览器兼容性的目的是使用< a>使用CSS处理悬停属性的元素。所以我有这样的代码。


< td>

< div class =" Details">

< ul>

< li>

< a href ="＃">查看详细信息

<！ - [if IE 7]><！ - >< ; / a><！ - <！[endif] - >

< ul>

< li runat =" server" ID = QUOT; LiObject>< a取代;长文字字段< / a>< / li>

< / ul>

<！ - [if lte IE 6]>< / ！一个>< ENDIF] - GT;

< / li>

< / ul>

< / div>

< / td>

//重复每个表行


并使用带有CSS for Firefox的LI上的悬停属性，并使用< a取代;对于IE浏览器。


但是当显示内部LI元素时，即使在浮动LI / A元素下也可以看到它上面和下面的行的外部LI元素。


它适用于我测试过的大多数浏览器。只是没有IE 6，这是主要的浏览器，将用于（由于公司内部原因）

Thats not going to really work. Let me try to explain.

I have a repeating table. One of the fields I need to display can be rather large.
So what I want to do is have a field in the table, with the words "See Detail" on it and when you hover over it, then a larger box is displayed with the full text.

I have tried a couple different ways. And the mouse properties are not what I want, because either I use the mouse over property that works in IE but not in Firefox, or the mouse property that works in Firefox, but causes flickering in IE when the mouse moves.

So What I was trying to do to keep browser compatiablity was to use <a> elements to work with hovering properties using CSS. So I have code like such.

<td>
<div class="Details">
<ul>
<li>
<a href="#">View Details
<!--[if IE 7]><!--></a><!--<![endif]-->
<ul>
<li runat="server" id="LiObject><a> Long text field </a></li>
</ul>
<!--[if lte IE 6]></a><![endif]-->
</li>
</ul>
</div>
</td>
//repeat with each table line


and use the hover properties on the LI with CSS for Firefox, and with the <A> for IE.

But when the inner LI element is displayed the outer LI element of the rows above and below it are visible even under the floating LI / A element.

It works fine most browsers that I have tested. Just not IE 6, which is main browser this will be used in (for internal company reasons)

您可以使用Javascript来隐藏数据并允许用户点击更多的是你想要的东西？


Aric

You could use Javascript to ''hide'' the data and allow the user to click to see more is that more of what you are looking for?


Aric

这篇关于隐藏浮动问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！