پseudo-element ::backdrop CSS

تعریف و استفاده

CSS ::backdrop پseudo-element برای تنظیم استایل پس‌زمینه‌ای که در پشت عناصر دیالوگ یا پاپ‌آپ قرار دارد، استفاده می‌شود.

مثال

مثال 1

تنظیم استایل پس‌زمینه‌ای که در پشت دیالوگ قرار دارد:

dialog::backdrop {
  رنگ پس‌زمینه: سبز روشن;
}

آزمایش کنید

مثال 2

استفاده از خطوط خطی برای تنظیم استایل پس‌زمینه‌ای که در پشت دیالوگ قرار دارد:

dialog::backdrop {
  رنگ پس‌زمینه: #1fc8db; /* برای مرورگرهایی که خطوط خطی را پشتیبانی نمی‌کنند */
  تصویر پس‌زمینه: خطوط خطی(140درجه, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  شفافیت:0.75;
}

آزمایش کنید

زبان CSS

::backdrop {
  اظهارات css;
}

جزئیات فنی

نسخه: مодуل چیدمان قرار داده شده CSS سطح 4

پشتیبانی مرورگر

اعداد در جدول نسخه اولین مرورگر را که پشتیبانی کامل از این پseudo-element را دارد، مشخص می‌کند.

کروم ایج فایرفاکس سافاری آپرا
37 79 47 15.4 24

مربوط صفحات

تعلیم:CSS ھائٹ-ایلمنٹ