CSS backgroung顏色是不同的充在IE VS FF

在FF它像意圖（戴上圖像的用於字幕底部光透明帶）。但在IE它的全黑（字幕的確顯示）CSS backgroung顏色是不同的充在IE VS FF

.caption { 
    z-index:30; 
    position:absolute; 
    bottom:-35px; 
    left:0; 
    height:30px; 
    padding:5px 20px 0 20px; 
    background:#000; 
    background:rgba(0,0,0,.5); 
    width:300px; 
    font-size:1.0em; 
    line-height:1.33; 
    color:#fff; 
    border-top:1px solid #000; 
    text-shadow:none; 
}

來源

2011-06-22 Mike Ozark

確定IE瀏覽器支持背景：RGBA（）？ –

改爲使用背景顏色。另外，你有兩個背景屬性 – Zakman411

@zak：背景顏色沒有幫助 –

9之前的任何版本的IE不支持RGBA（），因此它撿其他背景的回落。這篇文章可以幫助你：http://dimox.net/cross-browser-rgba-support/

這裏是一個可能的解決辦法：http://css-tricks.com/2151-rgba-browser-support/

來源

2011-06-22 23:58:08 Josh

我用這個，似乎在IE中工作，也不會搞亂FF。然而，什麼是rgba（0,0,00.5）的HEX –

filter：progid：DXImageTransform.Microsoft.gradient（startColorstr =＃7FFFCC00，endColorstr =＃7FFFCC00）;這個8位十六進制是什麼？ –

如果我理解你，十六進制值應該是類似＃AA000000 - AA是alpha值，你可能必須玩這些值來得到你想要的。 – Josh

從技術上講它不應該在任何工作，第二個優先。你可以嘗試刪除「背景：＃000;」並看看是否有效？

您也可以嘗試jQuery來得到你想要的效果。 http://iamnotagoodartist.com/how-to/semi-transparent-mockup-overlays-with-css-jquery-ui/

來源

2011-06-22 23:48:33 ProNeticas

我拿出整個背景：＃000。 FF的行爲是透明的（就像我打算的那樣）。 IE現在有明確的背景。 –

試試這個：http://www.daltonlp.com/view/217 – ProNeticas

這是因爲，如果你的IE正在測試版本（假設它是7或8）使用這個值background:#000;而不是background:rgba(0,0,0,.5);，因爲它不支持RGBA，並把它看作一個無效的值，因此它不被分配。

編輯：這是值得注意的是，在分配給這種方式的背景色是指對舊的瀏覽器，其中RGBA不支持（尤其是IE 6,7和8）你有一個備用的顏色。

來源

2011-06-22 23:50:34 djlumley

假設IE7/8，你是對的。請參閱：http://stackoverflow.com/questions/6446795/how-to-keep-text-opacity-100-when-its-parent-container-is-having-opacity-of-50/6446955#6446955 – thirtydot

@dj ：其實，我的IE瀏覽器是9 –

@Mike Ozark：[IE9支持'rgba'。]（http://caniuse.com/css3-colors）無論出於何種原因，您的頁面不得處於IE9標準模式。點擊F12調出開發工具 - 它說什麼？ – thirtydot

只是我的意見，但我會建議使用「背景色」屬性而不是「背景」。這可能是一個問題

來源

2011-06-22 23:54:26 Zakman411

這不會有什麼區別。 – thirtydot

，沒有工作（我的意思是沒有效果） –

我試過background-color：rgba（0,0,0，.5）; FF是好的，IE是明確的 –

CSS backgroung顏色是不同的充在IE VS FF

回答

相關問題