Windows Aero Effect na webu - jak na to?

Vytvořit průhlednost a rozmazání teoreticky není problém, ale nevím o tom, že by šlo z elementu v popředí rozmazávat prosvítající obsah v pozadí.

quatzael: myslíš niečo podobné, ako na http://blog.squarespace.com/?

http://webstandard.kulando.de/post/2010/03/24/windows-7-fenster-mit-css3-und-jquery-tutorial-teil-2

Reaguji na quatzaela:
Mozilla podporuje -moz-appearance: -moz-win-glass, ale tato hodnota nepůsobí při použití uvnitř webové stránky.

„Každopádně jsem to opravdu viděl na webu“
Jsi si jistý, že jsi neviděl skutečné dialogové okno?


Reaguji na okolojsoucího:
Nerozmazává.

quatzael: neni, musi se podsunout pozadi s css opacitou pod celou oblast. Kdyz udelas div s opacitou a dovnitr das text, take zpruhledni. A to rozmazani pravdepodobne resil nejaky js pres canvas nebo svg. Pokud na to nema prohlizec vestavenou funkci

https://developer.cdn.mozilla.net/media/uploads/demos/D/a/David%20Mulder/c65123ae9f13eaf293101077308a23f0/aero-windows_1316465302_demo_package/index.html
(v IE9 to dela pekny binec)
https://www.google.cz/search?q=svg+win+aero

Mám dojem, že pro stromy není vidět les a bez CSS3, HTML5 a jQuery už nic neumíme udělat jednoduše, přitom by stačily 2 obrázky, první neupravený, druhý obrázek s požadovanou úpravou, v tomto případě s aero efektem, pak 3 řádky CSS a 8 řádků JS, a chodilo by to možná i v IE5. Netestoval jsem, zda příklady chodí také v IE9/IE10, ale v ostatních prohlížečích, včetně již nepoužívaného IE6, není problém.
Hrátky s clip - Lupa (většina odkazů nefunguje, ale je tam habrndorfův slovní popis řešení)
http://pokusy.1-webdesign.cz/lupa/ (aktuální odkaz)
http://pokusy.1-webdesign.cz/clip/ (aktuální odkaz)

Takže jde o odchycení pozice myši a napozicování a CSS ořez (clip). Ty asi budeš chtít odchytávat pozice objektu, nad kterým je myš, nebo na který myš klikla, takže budeš muset udělat nějaké úpravy.

Reakce na peta:
Nerozmazává.

Reakce na margina:
Nevím, jestli něco uniká mně nebo tobě, ale jak docílíš toho, aby element v popředí rozmazával element, který překrývá? Nebo to myslíš tak, že by byl jeden obrázek pozadí normální a druhý rozmazaný, který by na nastražil za Aero okno v odpovídajícím výřezu a umístění?

Str4wberry:
„Nebo to myslíš tak, že by byl jeden obrázek pozadí normální a druhý rozmazaný, který by na nastražil za Aero okno v odpovídajícím výřezu a umístění?“
Tak jsem to myslel, možná jsem to nepopsal dost jasně, jen jsem na konci zmínil, že quatzael bude „muset udělat nějaké úpravy“.

Aha, no, dva obrázky by byly problematické v tom, když by za Aero oknem měl být ještě nějaký jiný obsah. Asi by bylo potřeba spíš naklonovat celou stránku, udělat výřez, umístit jej pod Aero okno a rozmazat.

Str4wberry, quatzael:
Už rozumím, tím, že quatzael často zmiňoval pozadí, já to chápal jako CSS background stránky.

Živá ukázka (pro ostatní prohlížeče než Chrome jsem zatím rozmazávání neřešil)

http://kod.djpw.cz/snc - sis, to je desny :) ty barvy, spatne viditelna cisla radku, cisla radku do 10 zadna Doufam, ze tohle vidim naposled nebo to priste bude aspon cernobile az na obarveny kod a s bilym podkladem. Treba fialova <p> na tom sedem podkladu, des.
Str4wberry: nechapu, na co reagujes. To mozilove demicko ve FF vypada slusne, ale desne potrhava. V IE9 to nedela nic, jen je to pruhledne. Ale, to jsem psal, ze to v IE9 dela binec.

Tak jsem to zkusil také. Internet explorer 8 to skousne. Pokud má někdo IE6, tak to zkuste.

http://kod.djpw.cz/ync

Zkus postupně ty filtry zakomentovat. Nebo je napsat za sebe a ne pod sebe, to mě nějak nenapadlo. IE10 by mělo umět právě i to svg, takže by neměl problém.

Nejspíš se opravdu hodnoty ve filter přepisují. Mě to bylo nějaké divné.

Podpora proprietárních microsoftích filtrů byla odebrána v IE 9.

„Nejspíš se opravdu hodnoty ve filter přepisují.“
Tipuji, že příčina problému bude jinde.

Reaguji na quatzaela:
„To nevím co to je?“
Zakomentuješ to obalením do /* a */.

Reaguji na margina:
„Podpora proprietárních microsoftích filtrů byla odebrána v IE 9.“
Myslím, že nebyla. Tuším, že až desítka podporu většiny z nich zrušila (krom těch, které se často používají, jako je třeba Alpha) a to tak, že nefungují ani ve starších režimech.


Reaguji na quatzaela:
Mně ukázka od 1Pupika1989 v Exploreru 10 funguje. Nemáš zapnutý kompatibilní režim (tedy režim Exploreru 7)?


Reaguji na 1Pupika1989:
„Pokud má někdo IE6, tak to zkuste.“
Funguje.

Mělo by to samozřejmě jít ve všech prohlížečích s podporou css3. IE 10 tuším css3 podporuje.