Posterous theme by Cory Watilo

Opera a její implementace nových vlastností

Opera, ano, první, který podporuje formuláře z HTML5. První, která podporuje CSS3 vlastnosti. Tedy, je tomu opravdu tak? Není. Opera je jeden velký shit, který neumí nic pořádně. Uvedu na příkladu. Konkurenční prohlížeče (nebo spíše konkurenční vykreslovací jádra) implementují nové vlastnosti pomocí speciálních prefixů: -moz-*, -webkit-*. Člověk neznalý si začne stěžovat: "To abych pro každý prohlížeč psal definici sám, fuj, je to nevalidní, " a bla bla bla. Jenže on je tento způsob implementace velmi efektní. Nikdo daný prohlížeč nemůže hanit, že něco implementuje špatně. Navíc, je to ideální věc pro testování. Tyto prohlížeče obsahují tyto vlastnosti roky, a když je to opravdu otestované, překlopí to na oficiální verzi CSS.

A proč o tom tak sáhodlouze píšu? Potřeboval jsem box-shadow efekt při hoveru nad tlačítkem. Přešel jsem tedy na http://css3generator.com a naklikal si to, co potřebuji. (Mj. tento web právě za vás vyřeší syntaktické odlišnosti daných -moz-* / -webkit-* implementací.) Potřebný kód jsem zkopíroval a hle. Firefox 3.6 - funguje. Google Chrome 4.0 - funguje. Internet Explorer 8.0 - nefungují zaoblené rohy a stíny, ale jinak to je k světu. Jediná Opera 10.51 nám danou situaci opravdu zprasí. Při :hover akci vytvoří jakýsi připosraný šedý divný border, který no... škoda mluvit.

Opera_tlacitka

Na konec jsem ještě připojil obrázek tlačítka v Opeře, když je aktivní nějaký prvek formuláře. Tlačítko se orámuje nechutným černým border. Btw, nevíte, jak to odstranit?