بدون جافا سكريبت، هل يمكن أن أسلوب وشعبة للتغطية على الوثيقة الحالية بما في ذلك هوامش أرباحها؟

Question

ويمكن أن يتم ذلك باستخدام جافا سكريبت، ولكن مع CSS وحده، هل من الممكن أن أسلوب لشعبة تتداخل بالضبط محتوى المستند أي صفحة أو العرض (لتطبيق طبقة رمادية مبهمة على الصفحة)؟ منذ الصفحة يمكن أن يكون لها هامش للعنصر هو الجسم، والتصميم على شعبة لعرض عنصر جسمها لن تفعل. (يحتاج للعمل في IE 6 أيضا)

Answer 1

إذا كان لديك <div> مثل هذا:

<div id="cover"></div>

وهذه الأنماط ينبغي أن نفعل ذلك:

#cover {
    background-color: #ccc;
    opacity: 0.6;
    filter:alpha(opacity=60);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

واختبارها على صفحة حيث والهيئة لديها هامش وقد غطى العرض كله بالنسبة لي على IE وFF.

Answer 2

وارتفاع: 100٪ سوف لن تغطي العرض إذا طول الوثيقة هو أقل من ارتفاع العرض. في هذه الحالة سيكون لديك لاستخدام جافا سكريبت.

Answer 3

وسيكون من الغش لاستخدام القدرة IE على تنفيذ جافا سكريبت في CSS؟

width:expression(document.body.clientWidth)