Problem z css i iframe w IE Opcje

[jurek04]

Witam serdecznie!

Mam taki problem - na stronie mam grafikę i po najechaniu kursorem na nią wyświetla się dymek w postaci ramki iframe z obszarem klikalnym i grafiką. Można zjechać myszką z grafiki na dymek i kliknąć na link lub grafikę. To działa we wszystkich przeglądarkach oprócz IE. W IE nie można najechać myszką na dymek aby tam kliknąć na link bo po zjechaniu kursora z grafiki dymek natychmiast ginie. Co można poprawić albo co dodać do poniższego kodu ? Bardzo proszę o pomoc – będę bardzo wdzięczny!

<style>
a.screen, a.screen:visited {
color:#fff;
position:relative;
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:0px; /* give it a width */
height:0px; /* no height to solve an Opera bug that makes it selectable when hidden */
left:120px; /* position:the image */
top:-130px;
}
a.screen:hover {
text-decoration:none;
border:0; /* needed for this to work in IE */
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
width:250px; /* now give it a height */
height:250px;
cursor:pointer; /* for IE */
z-index:500;
}
a.screen:hover b img {
border:0; /* remove the link border */
}
</style>

Ten post edytował jurek04 27.01.2018, 15:15:56