Autor Zpráva
joe
Profil
Ahoj, trápí mě tento problém v IE6:

Kód
<html>
<head>
<style>
fieldset {
	display:block;
	right:100px;
	top:100px;
	/*filter: alpha(opacity=50);*/
	position:absolute;
}

</style>
</head>
<body>

<form action="#">
	<fieldset id="test">
		<table>
			<tr><td><label>Popisek:</label></td><td><input type="text" /></td></tr>
		</table>
		<div style="width:30px; height: 30px; position: absolute; background: red">
	</fieldset>
</form>

<script>
function test() {
	document.getElementById('test').style.filter = "alpha(opacity=50)"; 
}
</script>
<input type="button" onclick="test()" value="TEST">
</body>
</html>


Pokud se v IE6 klikne na tlačítko TEST, pak se červený box schová do fieldsetu... Nevíte někdo jak tento problém vyřešit?
Bubák
Profil
IE7 se chová stejně.
Četvený box je jakoby ustřižen, je to líp vidět, pokud je napoziciván tak, že ho z fieldsetu vyčuhuje zhruba půlka.

Zkusil bych dát filtr na obalový div, ze kterého nebude nic nevyčuhovat.
joe
Profil
Bubák
Díky za radu, mám pocit, že jsem to taky už zkoušel, ale přesto mi to nejde, vyzkoušel jsem to znovu. Když nastavím opacity rovnou v CSS, tak to je správně, ale jakmile to změním na stránce JavaScriptem, tak to zmizí všechno. Zkusím to nějak vyřešit relativním pozicováním, to asi bude nejlepší řešení. Člověk by nevěřil kolik času zabere taková blbost...

---

Zajímavé ale je, že vedle (hned vedle toho boxu, na který to chci aplikovat) mám velmi podobný případ jen s tím, že tam jsou dva tagy navíc a tam se nic neskrývá, to nechápu.

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: