Kendo UI Window 叠加不透明度

Question

如何使用 CSS 设置叠加层不透明度。我试过 .k-overlay { opacity:0.9; } 但它不起作用。谁能帮我？这里我提供一个简单的 demo

Answer 1

.k-widget 的选择范围太广。一旦显示 window，您可以为那个 window 设置不透明度：

<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; }。这将覆盖 kendo 直接应用于叠加层的设置。