jquery/javascript를 사용하여 모든 페이지를 흐리게 처리하거나 (예 : 새 배경을 설정하고 z- 색인으로 포 그라운드로 전달하는) 방법과 특정 div (오류 메시지)를 집중시키는 방법이 있습니까? 그 목적을위한 플러그인을 알고 있습니까? 내가 싶어 무엇jquery/javascript를 사용하여 모든 페이지를 흐리게하고 특정 div에 초점을 맞추는 방법이 있습니까?
수 :
당신은 jQuery를 UI 대화 상자를 사용하고 여기처럼, 흐림 배경 이미지 오버레이 DIV의 배경을 변경하기 위해 CSS를 사용할 수 있습니다
http://css-tricks.com/examples/BlurryBackgroundEffect/
- 또는 -
CSS 텍스트 흐림 효과가 혼합 된 jQuery UI 대화 상자를 사용할 수 있습니다. 영향을 여기에서 찾을 :
http://motyar.blogspot.com/2010/04/blur-effect-with-css-and-jquery.html
그러나, 나는이 아닌 HTML5 브라우저와 호환되지 않습니다 가정합니다. http://jsfiddle.net/khalifah/vgGtK/
가 여기에 스타일 하나 내가 원하는 생각 :이 [여기]를 논의하고, 만 HTML5와 http://jsfiddle.net/khalifah/7L5jG/
이것은 나쁘지 않습니다. 현재이 작업을 제가 현재 작업중인 프로젝트에서 사용하게 될 것입니다. 이전 브라우저의 경우 투명도가 회색으로 바뀝니다. – b01
http://jsfiddle.net/khalifah/7L5jG/는 잘 작동하지만 처음에는 그렇지 않습니다. 우리는 메시지 상자를 움직이게하고 예제처럼 모달화할 수 있습니까? http://jqueryui.com/demos/dialog/#modal-message ?? –
그리고 텍스트뿐 아니라 텍스트와 이미지가 페이지에 있으면 어떨까요? 어떻게하면 모든 이미지와 텍스트 (HTML5 준비된 브라우저 용)를 흐리게 처리하고 예를 들어 http://colorpowered.com/colorbox/core/example4/index.html# 예를 들어 오래된 브라우저에서 사용할 수 있습니까? –
을 (http://stackoverflow.com
다음은 개념 증명을위한 JS 바이올린의/questions/2975089/html5-gaussian-blur-effect) – Samich