2011-09-04 18 views
5

Tüm sayfayı (örneğin, yeni arka plan oluştur ve z-dizini ile ön plana ver) bulanıklaştırmanın ve jquery/javascript ile belirli bir div (hata mesajı diyelim) odaklamanın bir yolu var mı? Bu amaçla herhangi bir eklenti biliyor musunuz? Ben istediğim şeyTüm sayfayı bulanıklaştırmak ve belirli bir div'i jquery/javascript ile odaklamanın bir yolu var mı?

olsun:

enter image description here

+0

(http://stackoverflow.com

İşte kavram ispatı için JS keman var/questions/2975089/html5-gauss-blur-effect) – Samich

cevap

8

jQuery UI iletişim kullanmak ve buradaki gibi bir bulanıklık arka plan görüntüsü ile bindirme div arka planını değiştirmek için CSS kullanabilirsiniz:

http://css-tricks.com/examples/BlurryBackgroundEffect/

--or--

CSS Metni bulanıklaştırma ile karıştırılmış jQuery UI iletişim kutusunu kullanabilirsiniz. etkisi tespit edildi:

http://motyar.blogspot.com/2010/04/blur-effect-with-css-and-jquery.html

Ancak, bu sigara html5 tarayıcılar ile geriye dönük uyumlu olmayacaktır varsayalım. http://jsfiddle.net/khalifah/vgGtK/

Burada tarzı ile biri İstediğin düşünüyorum: Bu [buradan] tartışıldı, Sadece HTML5 ile http://jsfiddle.net/khalifah/7L5jG/

+0

Bu kötü değil, üzerinde çalıştığım bir projede bunu kullanacağımı düşünüyorum. Eski tarayıcılar için grileşmiş şeffaflığa geri dönecek. – b01

+0

http://jsfiddle.net/khalifah/7L5jG/ iyi çalışıyor ama önce yapmıyor. Mesaj kutusunu canlandırabilir ve bu örneklerde olduğu gibi taklit edebilir miyiz http://jqueryui.com/demos/dialog/#modal-message ?? –

+0

Peki ya sadece metin değil, sayfada metin ve resimler varsa ne olur? Tüm görüntüleri ve metinleri (html 5 hazır tarayıcılar için) nasıl bulanıklaştırabiliriz ve eski tarayıcılarda http://colorpowered.com/colorbox/core/example4/index.html# gibi örneklere geri dönebilir miyiz? –

İlgili konular