У меня есть отделение с дочерним отделением в нем. Я использую 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; }
Это будет работать, если вы установите фоновый цвет или границу ...
, если вы можете сопоставить любой из них с существующим внешним видом, то вы будете Хорошо ..
( Фоновое изображение кажется самым ненавязчивым решением )
Просто вставьте пустой комментарий внутри «пустой» элемент. :)
<div><!-- --></div>
Это заставляет т.е. представлять элемент
Это вроде хаки, и я не знаю, изменит ли это макет, но вы всегда можете просто поставить
внутри DIV.
Это может быть, что HASLAYOUT флаг элемента должен быть вынужден.
Это можно сделать, применяя свойство CSS Zoom: 1
к нему.
Я знаю, что на вопрос был дан ответ, но я столкнулся с той же проблемой. Пустой 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 */ }