使用陰影設計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

克里斯如果你找到了解決方案，那麼請分享，而不是逃避它！ – Karlth

-1

您還可以使用jQuery UI的對話框的dialogClass財產給一個類，並給用戶界面的影子類ui-widget-shadow。

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

來源

2016-08-31 13:55:27 efirat

使用陰影設計jQuery-ui對話框

回答

相關問題