Div没有在前面的div中遇到过问题

时间:2015-09-01 18:15:59

标签: javascript jquery html css google-chrome

我正面临问题,扩展程序列表显示在弹出窗口后面,我已经尝试了这么多css但是在谷歌搜索之后我发现Chrome中存在css bug,而在IE和Firefox中它的工作正常。请帮帮我。

这是Chrome的快照

This Is the Problem In Chrome

现在这是IE和FireFox的快照

Woriking Fine in IE and FireFox

我删除了Extender' sTextbox的所有Css

现在看起来像

<div>
<asp:TextBox ID="txtCountry" runat="server" Width="727px"></asp:TextBox>
    <Syed:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="txtCountry"
MinimumPrefixLength="1" EnableCaching="true" CompletionSetCount="1" CompletionInterval="1000" ServiceMethod="GetCountries" >
</Syed:AutoCompleteExtender>
&nbsp;&nbsp;&nbsp;&nbsp; 



    <br />
    </div>

2 个答案:

答案 0 :(得分:0)

您应该设置div的Z-index

http://www.w3schools.com/cssref/pr_pos_z-index.asp

要确保这样可以解决问题,只需在div中添加这样的内联样式:

<div ... style="z-index: 1000;"> ... </div>

答案 1 :(得分:0)

这可能对你有用。 在head标签下方添加浏览器兼容性。可以正常工作

<meta http-equiv="X-UA-Compatible" content="IE=9, IE=8, IE=7" />