首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用阴影设置jQuery-ui-对话框的样式

使用阴影设置jQuery-ui-对话框的样式
EN

Stack Overflow用户
提问于 2012-01-23 17:33:06
回答 2查看 4.2K关注 0票数 0

我需要设置带有阴影的jQuery-ui-dialog的样式。我有一个示例,其中的对话框/弹出窗口是使用嵌套div设置样式的。每个角都有一张图片,每边都有一条线,这提供了高度和宽度的可变性。我的第一个解决方案是给标题一个图像,给内容一个长图像,根据对话框中有多少内容进行剪切。这提供了元素高度的可变性,而不是宽度的可变性。

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

这就是它应该是什么样子。有什么想法或者比jQuery-ui更好的样式对话框/弹出窗口吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-01-23 17:45:16

试试下面这样的代码:http://jsfiddle.net/2kj9G/1/

票数 3
EN

Stack Overflow用户

发布于 2016-08-31 21:55:27

您还可以使用jquery ui对话框的dialogClass属性来提供一个类,并为ui的影子类提供ui-widget-shadow

代码语言:javascript
运行
复制
$("#editPanel").dialog({
   width: 400,
   modal: true, 
   dialogClass: 'ui-widget-shadow'
});
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8969502

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档