Průhledné pozadí formulářových prvků v IE
Nastavit libovolnou barvu pozadí formulářového prvku již umíte. Víte ale, že jednoduchým trikem můžete vytvořit průhledné formuláře? Internet Explorer v případě, kdy nastavíte pozadí formulářového prvku na průhledný obrázek (průhledný gif), zobrazí prvek tak, že přes něj prosvítá pozadí…
Mnohem lepšího efektu však dosáhnete, pokud si vytvoříte vlastní obrázek, kterým vhodně doplníte konturu pole formuláře, a s využitím filtru opacity nastavíte určitou průhlednost celého pole formuláře (obrázek sám tedy nebude průhledný, může to být i JPEG). Tak je možné vytvořit stránku s jemným designem, který nebudou hyzdit tvrdé hrany políček formuláře, podívejte se na ukázku.
Výhodou tohoto řešení je, že formulář vypadá do jisté míry podobně i v Mozille 1+ a Netscape 6+. Tyto prohlížeče již podporují nastavování pozadí formulářových prvků, takže jediným chybějícím efektem bude průhlednost. Grafické filtry bohužel podporuje pouze MSIE.
Ukázka obrázku vhodného do pozadí formuláře:
Obrázek musí být delší než nejdelší textové políčko a větší nebo právě tak velký jako pole textarea, pro které ho chcete použít.
Vzor stylopisu políčka formuláře:
|
K dispozici je rovněž kompletní zdroj ukázky.
Starší komentáře ke článku
Pokud máte zájem o starší komentáře k tomuto článku, naleznete je zde.
Mohlo by vás také zajímat
-
ZONER Webmail jako první v Česku přináší BIMI s VMC
11. července 2024 -
Umělá inteligence: Co je to GPT?
12. května 2025 -
Souboj na trhu s CPU pro servery: AMD vs. Intel
8. prosince 2023 -
Co je to TTL a proč na něm záleží?
25. března 2025
Nejnovější
-
Co je to neuronová síť
21. července 2025 -
Elektronický podpis – má dnes ještě uplatnění?
16. července 2025 -
Co je to Generative Engine Optimization (GEO)
11. července 2025 -
Počítač v kapse: Android 16 připravuje průlomový Desktop Mode
8. července 2025