IE8：半透明的背景顏色，但不透明的背景圖像

我有一個加載div，加載符號作爲背景圖像。我希望加載符號完全不透明。但是，爲了淡出正在加載的頁面，我將背景圖像設置爲80％不透明度。這適用於Chrome和Firefox，但在IE8中，加載符號也是半透明的。有沒有辦法淡化背景顏色，但不是在ie8中的背景圖像？IE8：半透明的背景顏色，但不透明的背景圖像

的CSS：

#loadingDiv { 
    background: url(../../images/Loading32.gif) no-repeat center center; 
    background-color: rgba(255,255,255, .8); 
    position: absolute; 
    height: 330px; 
    width: 890px; 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88ffffff, endColorstr=#88ffffff)"; 
}

來源

2012-11-26 dmr

IE8不支持rgba，所以這是它不是不透明的原因...

因此，使用透明背景圖像可能使用一個2x2像素的圖片...或

你可以看看CSS3 Pie對IE8的支持

來源

2012-11-26 20:43:50

可悲的是，IE8-不支持RGBA，而他們也不想喝端口CSS不透明度規則。就我個人而言，我會創建一個半透明的1px png圖像，並將其重複爲背景圖像。

首先，創建並將透明的1px png放置在圖像目錄中。將其命名爲'translucentBG.png'。

其次，目標IE瀏覽器通過將在源代碼中的頭下面一個單獨的樣式表：

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="css/all-ie-only.css" /> 
<![endif]-->

然後，創建一個名爲「全即-only.css」你的CSS目錄中的文件。在'all-ie-only.css'中，創建此規則：

.loadingdiv { 
    background: url(../../images/translucentBG.png); 
}

來源

2013-05-16 18:15:06 Starkers

IE8：半透明的背景顏色，但不透明的背景圖像

回答

相關問題