IE8中JQuery自动完成的CSS问题
我遇到了一个非常奇怪的问题，我很确定这是由于“定位” 基本上，我有一个母版页，其中包含一个容器div，并将其位置设置为绝对，然后使用它填充页面侧面的边距。然后，我尝试在一个页面上使用jQuery AutoComplete，该页面本身的位置设置为绝对，但当我从列表中选择一个项目时，它会减少边距，似乎页面上的绝对位置被删除/覆盖，直到在输入框中键入某个内容为止 使用Firefox和Chrome是没有问题的，而且它们工作正常 我设法将我的问题复制得更简单一些：IE8中JQuery自动完成的CSS问题,css,internet-explorer-8,autocomplete,css-position,Css,Internet Explorer 8,Autocomplete,Css Position,我遇到了一个非常奇怪的问题，我很确定这是由于“定位” 基本上，我有一个母版页，其中包含一个容器div，并将其位置设置为绝对，然后使用它填充页面侧面的边距。然后，我尝试在一个页面上使用jQuery AutoComplete，该页面本身的位置设置为绝对，但当我从列表中选择一个项目时，它会减少边距，似乎页面上的绝对位置被删除/覆盖，直到在输入框中键入某个内容为止 使用Firefox和Chrome是没有问题的，而且它们工作正常 我设法将我的问题复制得更简单一些： <%@ Page Lang
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="CssProblem.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.js"></script>
<script>
$(function () {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp"
];
$("#tags").autocomplete({
source: availableTags
});
});
</script>
</head>
<body>
<div id="container-content" style="width: 98%; position: absolute; min-height: 100%; border-left: solid 1px #ccc; border-right: solid 1px #ccc;">
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags" />
</div>
<br />
Some Text
</div>
</body>
</html>
position:absolute
position:absolute !important
position:absolute
position:absolute !important