تصف هذه المقالة طريقة تفتيت طبقة DIV الشفافة الخلفية المتمركزة بواسطة JS+CSS. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
انسخ الرمز على النحو التالي: <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> JS+CSS يظهر الخلفية المتمركزة شفافة طبقة Div </title>
<type type = "text/css">
الجسم {الهامش: 0px ؛}
#bg {العرض: 100 ٪ ؛ الارتفاع: 100 ٪ ؛ أعلى: 0px ؛ اليسار: 0px ؛ الموضع: المطلق ؛ مرشح: ألفا (عتامة = 50) ؛ العتامة: 0.5 ؛ الخلفية:#000000 ؛ العرض: لا شيء ؛}
#popbox {الموضع: Absolute ؛ العرض: 400px ؛ الارتفاع: 400 بكسل ؛ اليسار: 50 ٪ ؛ أعلى: 50 ٪ ؛ الهامش: -200px 0 0 -200px ؛ العرض: لا شيء ؛ الخلفية:#666666 ؛}
</style>
<script type = "text/javaScript">
وظيفة Pupopen () {
document.getElementById ("bg"). style.display = "block" ؛
document.getElementById ("popbox"). style.display = "block" ؛
}
وظيفة pupclose () {
document.getElementById ("bg"). style.display = "none" ؛
document.getElementById ("popbox"). style.display = "none" ؛
}
</script>
</head>
<body>
</br>
تحتوي طبقة CSS المنبثقة ، أو النافذة المنبثقة ، على مربع منبثق خلفية شفافة ، وهي مناسبة جدًا لتسجيل الدخول إلى موقع الويب وتسجيل المستخدم ومطالبات الإعلان. </br> IE و FF ، يمكن لكل من النافذة المنبثقة ~ ، الخلفية شفافة </br>
المبدأ: طبقتان ، إحداها لها ارتفاع وعرض 100 ٪ ، والآخر هو المحتوى المحدد للنافذة التي تريد الظهور. في عدم استخدام العتامة: 0.60 ؛
</br> </br> <a href = "#" onClick = "pupopen ()"> انقر هنا لفتح النافذة </a>
<div id = "bg"> </viv>
<div id = "popbox"> طبقتان ، إحداها لها ارتفاع وعرض 100 ٪ ، والآخر هو المحتوى المحدد للنافذة التي تريد الظهور. يتم استخدام شفاف في IE: Filter: alpha (عتامة = 60) ؛ في عدم استخدام العتامة: 0.60 ؛
<br>
<br>
<br>
<a href = "#" onClick = "pupclose ()"> انقر لإغلاق النافذة </a>
</div>
</body>
</html>
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.