Пустое событие парения отделения, не стреляя в IE

У меня есть отделение с дочерним отделением в нем. Я использую jQuery для показа / скрывают дочернее отделение каждый раз, когда мышь нависает над родительским отделением (родительское отделение охватывает весь конец страницы. Ширина: 100% и высота 100 пкс). Я использовал и поджигателя и т.е. панель инструментов разработчика, чтобы подтвердить, что родительское отделение находится на странице.

Я могу нависнуть над пустым родительским отделением и в Chrome и в FireFox, и все хорошо работает. IE требует, чтобы у меня был своего рода текст внутри для парения. Событие парения отделения не будет стрелять только с пустым отделением.

Вся вероятная работа arounds для этой проблемы?

- Обновление

Попробованный все Ваши предложения, но ничто еще не работало.

<div id="toolBar">          
  <div>
    <button id="btnPin" title="Click to pin toolbar" type="button">
      <img id="pin" src="../../images/icons/unpin.png" alt="Pin" /></button>
      <img src="../../images/icons/search.png" border="0" alt="Search" />
  </div>
</div>

Вышеупомянутый HTML содержится в основном контейнере отделения страницы. Дочернее отделение скрыто с jQuery с некоторым парением в / событиях. Родительское отделение (панель инструментов) всегда видимо на странице. Когда парение происходит на панели инструментов, дочернее отделение показывают.

Вот код jQuery

$('#toolBar').hover(ToolBar_OnHover, ToolBar_OnBlur);

function ToolBar_OnHover() {

  $(this).children().fadeIn('fast');
  $(this).animate({ height: "100px" }, "fast");

}

function ToolBar_OnBlur() {

  $(this).children().fadeOut('fast');
  $(this).animate({ height: "50px" }, "fast");

}

Наконец вот немного css

#toolBar { width: 100%; height: 100px; text-align:center; vertical-align:middle; position: absolute;  bottom: 0; background-color: Transparent;  }
#toolBar div { padding: 5px 5px 0px 5px; width:75%; height: 95px; background: transparent url('/images/toolbar-background.png') repeat-x; margin-right: auto; margin-left: auto; }
19
задан Matt 29 January 2010 в 05:01
поделиться

5 ответов

-

Это будет работать, если вы установите фоновый цвет или границу ...

, если вы можете сопоставить любой из них с существующим внешним видом, то вы будете Хорошо ..

( Фоновое изображение кажется самым ненавязчивым решением )

29
ответ дан 30 November 2019 в 02:36
поделиться

Просто вставьте пустой комментарий внутри «пустой» элемент. :)

<div><!-- --></div>

Это заставляет т.е. представлять элемент

0
ответ дан 30 November 2019 в 02:36
поделиться

Это вроде хаки, и я не знаю, изменит ли это макет, но вы всегда можете просто поставить внутри DIV.

0
ответ дан 30 November 2019 в 02:36
поделиться

Это может быть, что HASLAYOUT флаг элемента должен быть вынужден. Это можно сделать, применяя свойство CSS Zoom: 1 к нему.

0
ответ дан 30 November 2019 в 02:36
поделиться

Я знаю, что на вопрос был дан ответ, но я столкнулся с той же проблемой. Пустой div не запускает функцию. И если бы у него была граница, только сама граница запускала бы функцию. Много чего перепробовала, ничего не помогло. Вот мое решение, почти то же самое, только я не использовал изображение. Добавьте это в свой CSS:

div {             /* write the element's name, class or id here */
background: #FFF; /* you can choose any colour you like, 1.0-fully visible */
opacity:0.0;      /* opacity setting for all browsers except IE */
filter: alpha(opacity = 0); /* opacity setting for IE, 0-transparent & 100-fully visible */
}
5
ответ дан 30 November 2019 в 02:36
поделиться
Другие вопросы по тегам:

Похожие вопросы: