Div背景透明文字不透明全兼容實現(xiàn)方法

2024-04-25 20:19:53

字體：大中小

來源：轉載

供稿：網(wǎng)友

這篇文章主要為大家詳細介紹了Div背景透明文字不透明全兼容實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。

Div背景透明文字不透明全兼容實現(xiàn)方法.

本篇內容主要是解答用戶“裸睡的hei 燕”的關于Div背景透明文字不透明全兼容的實現(xiàn)方法。

<!DOCTYPE html><html><head><meta charset="utf-8"><title>背景透明，文字不透明</title><style>*{    padding: 0;    margin: 0;}body{  padding: 50px;  background: url(img/bg.png) 0 0 repeat;}.demo{  padding: 25px;  background-color: rgba(0,0,0,0.5);/* IE9、標準瀏覽器、IE6和部分IE7內核的瀏覽器(如QQ瀏覽器)會讀懂 */}.demo p{  color: #FFFFFF;}@media /0screen/,screen/9 {/* 只支持IE6、7、8 */  .demo{    background-color:#000000;    filter:Alpha(opacity=50);    position:static; /* IE6、7、8只能設置position:static(默認屬性) ，否則會導致子元素繼承Alpha值 */    *zoom:1; /* 激活IE6、7的haslayout屬性，讓它讀懂Alpha */  }  .demo p{    position: relative;/* 設置子元素為相對定位，可讓子元素不繼承Alpha值 */  }  }</style></head><body>    <div class="demo">    <p>背景透明，文字不透明</p></div></html>

以上就是Div背景透明文字不透明全兼容實現(xiàn)方法的全部內容，希望對大家的學習和解決疑問有所幫助，也希望大家多多支持武林網(wǎng)。

上一篇：判斷來路設備替換網(wǎng)址

下一篇：.htaccess設置301跳轉的實現(xiàn)方法