Непрозрачность наложения окна Kendo UI

Question

Как я могу установить прозрачность наложения с CSS. Я пытался .k-overlay { opacity:0.9; }, но это не сработает. Может кто-нибудь мне помочь? здесь я предоставляю простую демоверсию

Answer 1

.k-widget будет слишком широким выбором. Вы можете установить непрозрачность для этого самого окна, как только оно будет показано:

<script>
function onOpen() {
  setTimeout(function(){ $("#dialog").parent().css("opacity", 0.2); }, 10);
}

$("#dialog").kendoWindow({
  modal: true,
  open: onOpen
});
</script>

Answer 2

Вместо этого вы можете попробовать .k-overlay { opacity:0.9 !important; }.Это заменит настройку, которую кендо применяет непосредственно к оверлею.