Companion.JS – skoro-javascriptový-Firebug pro Internet Explorer
Další medikament od francouzských lékárníků, v jejichž laboratořích vznikl IE-Tester. API obsahuje console.log() a další příjemné chemické příměsi. Pozor ale na instalaci, raději si výjimečně přečtěte návod.
Projevuje se tak, že prvek s nižším z-indexem překrývá prvek s vyšším z-indexem.
Stane se ve chvíli, když prvek s vyšším z-indexem má rodiče s relativní pozicí. (position: relative).
Je kruté, že jediným řešením pravděpodobně je vyhnout se v takovém případě relativnímu pozicování rodičovského prvku.
Podrobně to vysvětlují na blogu Two’s-Complement.
Mám CSS kód pro grafické tlačítko, ve kterém nechci zobrazovat text.
input#site-search-submit
{
text-indent: -500px;
}
Trik se záporným text-indent funguje ve standardních prohlížečích. Ne však v IE6+7. Tam musíme přidat pár řádků:
input#site-search-submit
{
text-indent: -500px;
display: block;
font-size: 0px;
line-height: 0px;
}
Odpověď na logicky následjící otázku “A proč?” dnes nebude následovat. Nezjistil jsem ji. Lepší popis řešení je na Productive Dreams.
Dnes jsem se například nachytal na to, že proprietální vlastnosti filter v MSIE 6 i 7 fungují jen pokud jsou aplikovány na prvku, jež má layout.
Dnešní potíže s Internet Explorerem. Mám tento kód:
<div style="border: 3px solid red; position: absolute; top: 60px; left: 8px;">
1) Absolutně pozicovaný blok (V MSIE chybně neviditelný)
</div>
<div style="border: 3px solid green; float: left;">
2) Float blok
</div>
<div style="border: 3px solid blue; clear: left; height: 1px;">
3) Čistící blok s výškou 1px
</div>
První blok (červený) v IE 6 ani 7 neuvidíte. Online v tomto souboru.
Umoudří se ale, když:
To, že se absolutní a plovoucí prvky nemají v Exploreru rádi, už věděl také třeba Bruno Fassino.
