مثال
كيفية تحديد ثابت خلفية الصورة:
body
{
background-image: url('w3css.gif');
background-repeat: no-repeat;
background-attachment: fixed;
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
تحدد الخاصية background-مرفق سواء تم إصلاح صورة خلفية أو مخطوطات مع بقية الصفحة.
| القيمة الافتراضية: | scroll |
|---|---|
| وارث: | no |
| Animatable: | no. Read about animatable |
| الإصدار: | CSS1 |
| جافا سكريبت بناء الجملة: | object .style.backgroundAttachment="fixed" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| background-attachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Note: إنترنت إكسبلورر 8 والإصدارات السابقة لا تدعم متعددة خلفية الصور على عنصر واحد.
CSS بناء الجملة
background-attachment: scroll|fixed|local|initial|inherit;قيم الملكية
| القيمة | وصف |
|---|---|
| scroll | مخطوطات الخلفية مع عنصر. هذا هو الافتراضي |
| fixed | يتم إصلاح الخلفية فيما يتعلق العرض |
| local | مخطوطات الخلفية مع محتويات العنصر |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
مزيد من الأمثلة
مثال
كيفية إنشاء تأثير التمرير المنظر البسيط (create an illusion of 3D depth) :
.fixed-bg {
/* The background image */
background-image: url("img_tree.gif");
/* Set a specified height, or the minimum height for the background image */
min-height: 500px;
/* Set background image to fixed
(don't scroll along with the page) */
background-attachment: fixed;
/* Center the background
image */
background-position: center;
/* Set the background image to no repeat */
background-repeat: no-repeat;
/* Scale the background
image to be as large as possible */
background-size:
cover;
}
انها محاولة لنفسك » صفحات ذات صلة
درس CSS: CSS الخلفية
HTML DOM المرجع الملكية backgroundAttachment