Проблема с CSS с автозаполнением JQuery в IE8 - PullRequest
Новая
       28

Проблема с CSS с автозаполнением JQuery в IE8

2 голосов
/ 13 декабря 2010

У меня действительно странная проблема, которая, я уверен, связана с «позиционированием».

По сути, у меня есть главная страница, которая содержит контейнерный элемент div, и его позиция установлена ​​в абсолютное значение, ииспользуя это, он заполняет поля по краям страницы.Затем я пытаюсь использовать автозаполнение jQuery на странице, для которой сама позиция установлена ​​на абсолютное значение, но когда я выбираю элемент из списка, это уменьшает поля, и его, как если бы абсолютная позиция на странице удалялась /переопределить, пока не наберете что-то в поле ввода.

Использование Firefox и Chrome не вызывает проблем, и они работают как положено.

Мне удалось воспроизвести мою проблему немного проще: 

    <%@ 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>

Буду очень признателен за любую помощь / советы / предложения

Редактировать: Обнаружено, что эта проблема не относится к IE8, но применима к режиму сравнения IE7 и IE8, но все равно не приносит радости

1 Ответ

0 голосов
/ 08 января 2011

Для 

position:absolute

возможно, вы можете изменить его на 

position:absolute !important

, что не позволит никакому внешнему CSS переопределить атрибут позиции, попробуйте это, что может помочь вам

...