Autor Zpráva
jrw
Profil
Zdravím,

mám div s obrázkem který má nastaveno display: none (ten obrázek) a zobrazuje se pouze tehdy když se vyvolá událost onmouseover nad tím divem, pak se změní display: block; v Opeře, Firefoxu apd. se obrázek normálně zobrazuje ale v MSIE 6, 7, 8 se div jakoby ztratí a přestává fungovat onmouseover protože v podstatě nemá na co reagovat. Prázdný div se nezobrazuje přesto že má zadanou šířku i výšku a display: block;

Nepomohlo ani nahrazení display za visibility.

Nevíte čím by to mohlo být?


Díky
panther
Profil
jrw
Nepomohlo ani nahrazení display za visibility.
skutečně ne? Dodej odkaz.
Chamurappi
Profil
Reaguji na jrwa:
Máš to rozbité.
jrw
Profil
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta lang="cs" name="description" content="">
<meta lang="cs" name="keywords" content="">
<title></title>
<link rel="stylesheet" href="css/main.css" type="text/css">
<style type="text/css">
/* <![CDATA[ */
.objekt .obr {
width: 189px; height: 236px;
/* display: block; */
visibility: visible;
}
.objekt .obr img {
/* display: none; */
visibility: hidden;
}
.objekt .obr .zobrazit {
/* display: block; */
visibility: visible;
}
.objekt .obr .skryt {
/* display: none; */
visibility: hidden;
}
/* ]]> */
</style>
<script charset="utf-8" type="text/javascript">
/* <![CDATA[ */
function zamena(element, styl){
document.getElementById(element).className = styl;
}
/* ]]> */
</script>
</head>
<body>

<!-- kontejner -->
<div id="kontejner"><div class="kontejner-in">
<div class="okno">
<img src="img/skupina_cb.jpg" alt="skupina_cb.jpg, 109kB" title="skupina_cb" width="950" height="713" />

<div class="objekt">
<div class="obr" onmouseover="zamena('fotka', 'zobrazit')" onmouseout="zamena('fotka', 'skryt')"><img src="img/jarin.jpg" alt="jarin.jpg, 9,9kB" title="jarin" width="189" height="236" id="fotka" /></div>
<br class="clear" />
</div>

</div>
</div></div><!-- kontejner - end -->

</body>
</html>
jrw
Profil
Už jsem to vyřešil, dal jsem tam průhledný gif a funguje to.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: