إذا كنت لا تزال قلقًا بشأن عدم اكتمال النص الشفاف للخلفية ، أقترح عليك إلقاء نظرة. بالطبع ، لقد تخليت عن IE6 ، لذلك لا تقل أنه لا توجد صور PNG8 غير فعالة بموجب IE6 ، بالطبع يمكنك أيضًا استخدام المرشحات. لا أوصي باستخدام المرشحات. لأن هذا قد يكون لديه مشاكل أخرى! (إذا لم تتمكن من النقر والانتظار ، وما إلى ذلك) فإن أكثر الخوف من الواجهة الأمامية هو الخطأ ، خاصةً IE6. طرح IE6!
جوهر هذه المقالة هو استخدام صور شفافة PNG32 لصنع الخلفية ثم وضع الخلفية. بهذه الطريقة ، لن يكون هناك نص شفاف في الخلفية. من السهل جدًا القيام بذلك!
تحتاج الصورة فقط إلى ضبط الشفافية.
ما عليك سوى حفظ شفافية الصورة إلى 20 ٪ في PSD إلى PNG.
(لا تقم بتعيين الوضع على الرمادي. سيصبح هذا PNG8. وليس هناك شفافية.)
الخلفية شفافة والنص غير شفاف. ها ها ها. IE 6 يخرج! الدعم: ie7.0+/ff3.0+/opera10+/chrome/safari. مر كلا الاختبار.
خريطة التأثير هي كما يلي:
الرمز الكامل كما يلي:
نسخ رمز رمز على النحو التالي:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = gb2312" /> />
<title> ie7+خلفية شفافة ، نصي غير شفاف وأسلوب بسيط للغاية </title>
<style>
P {Margin: 0 ؛
.bg {العرض: 280 بكسل ؛
.bg1 {background: #000 ؛
.bg2 {background:#f60 ؛}
.COM {Background: http: //images/css_bg.png)
</style>
</head>
<body>
<viv>
<viv> <p> الخلفية شفافة والنص غير شفاف. ها ها ها. IE 6 Get OKS <br/> الدعم: <br />ne7.0+/ff3.0+/opera10+/chrome/safari <br/> جميع تمريرات الاختبار. الشفافية هي: 20 ٪ </p> </viv>
</div>
<viv>
<viv> <p> الخلفية شفافة والنص غير شفاف. ها ها ها. IE 6 Get OKS <br/> الدعم: <br />ne7.0+/ff3.0+/opera10+/chrome/safari <br/> جميع تمريرات الاختبار. الشفافية هي: 20 ٪ </p> </viv>
</div>
</body>
</html>