Jqueryui: как сделать тень вокруг диалогового окна?



Answers

Я боролся с этим и обнаружил, что функция CSS3 box-shadow, вероятно, является лучшим решением. Хотя он не будет работать с IE8, я считаю это приемлемым. Вот что ты делаешь:

CSS

.ui-dialog-shadow { box-shadow: 0 0 0 7px rgba(0,0,0,0.1); }

Диалоговый код

open: function() { $(".ui-dialog").addClass("ui-dialog-shadow"); },

Я попытался дублировать тень, что у меня был jQuery UI 1.6, насколько я мог.

Question

Я пытаюсь поместить тень вокруг диалогового окна jqueryui. Что-то вроде:

<div id="dialog-form" class="ui-widget-shadow ui-corner-all">
    Some stuff in the box with a shadow around it
</div>

а затем:

$(function () {
  $("#dialog-form").dialog({
    resizable: false,
    height: 300,
    width: 350,
    modal: true
  });
});

в разделе javascript. Как я могу создать тень вокруг dialog-form окна диалога?




Links