그림자가있는 jQuery-UI 대화 상자 스타일 지정

그림자가있는 jQuery-UI 대화 상자의 스타일을 지정해야합니다. 대화 상자/팝업 스타일이 중첩 된 div 형식 인 샘플이 있습니다. 너비와 너비의 가변성을 제공하는 각면에 대한 그림과 각면에 대한 그림. 첫 번째 해결 방법은 헤더에 이미지와 내용을 제공하는 것이 었습니다. 긴 내용은 대화 상자의 내용에 따라 잘립니다. 이것은 높이의 가변성을 제공하지만 요소의 폭에는 제공하지 않습니다.그림자가있는 jQuery-UI 대화 상자 스타일 지정

http://www.pictureupload.de/originals/pictures/230112103022_popup-example.jpg

이것은 어떻게 보일지입니다. jQuery-ui의 아이디어/스타일보다 더 멋진 대화 상자/팝업이 있습니까? 이 같은

출처

2012-01-23 Chris

시도 뭔가 : http://jsfiddle.net/2kj9G/1/

출처

2012-01-23 09:45:15

내가 원하는 것처럼 보입니다. 오른쪽과 아래쪽에 그림자가 생길 수 있습니다. – Chris

알았어. 어떻게 알아 냈어. 고맙습니다. – Chris

Chris 솔루션을 찾은 경우 공유하지 말고 공유하십시오. – Karlth

-1

는 또한 클래스를 제공하는 JQuery와 UI 대화 상자의 dialogClass 속성을 사용하고, UI의 그림자 클래스 ui-widget-shadow을 제공 할 수 있습니다.

$("#editPanel").dialog({ 
    width: 400, 
    modal: true, 
    dialogClass: 'ui-widget-shadow' 
});

출처

2016-08-31 13:55:27 efirat

그림자가있는 jQuery-UI 대화 상자 스타일 지정

답변

관련 문제