Можно ли добавить размытие на фон диалога HTML5? ⇐ Html

[Anonymous]

Я пытаюсь добавить эффект размытия на фоне диалога (я осознаю диалог только в настоящее время имеет ограниченную поддержку - я использую Chrome V66 ).

Я попытался добавить размытый фильтр в :: fachdrop < /code> css (без удачи), а фонд-фильтр < /code> еще не поддерживается .

Кто -нибудь знает, что я должен делать вместо этого? Funippet-Code ">

Код: Выделить всё

window.onload = function() {
document.getElementById('mydialog').showModal();
}< /code>
dialog::backdrop {
background: rgba(255, 0, 0, .25);
}

/* attempt #1 - using a blur filter */
dialog::backdrop {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
}

/* attempt #2 - using backdrop-filter */
dialog::backdrop {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}

/* attempt #3 - using an svg */
dialog::backdrop {
background-image: url("data:image/svg+xml;utf8,");
}< /code>
Here is some other text that I want blurred.
This is the dialog window

Подробнее здесь: https://stackoverflow.com/questions/510 ... g-backdrop