更改jquery插件的背景透明度，名爲fancybox

我正在使用fancybox來創建圖片庫。我目前正在設置它，因此背景框與圖像更改是半透明的。我想出瞭如何將不透明度添加到CSS，但它也使圖片半透明。更改jquery插件的背景透明度，名爲fancybox

我這是怎麼改變的CSS：

.fancybox-skin { 
    position: relative; 
    padding: 0; 
    margin: 0; 
    /*background: #f9f9f9;*/ 
    background: #111111; 
    opacity:0.6; 
    color: #444; 
    text-shadow: none; 
    -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
      border-radius: 4px; 
}

謝謝

CampSoup1988

來源

2012-06-01 CampSoup1988

最簡單的是隻通過設置alpha通道的背景改變對CSS3的瀏覽器：

background: rgba(17,17,17,0.6); /* equals #111111 at 60% opacity */

並刪除您的opacity: 0.6。 opacity屬性會導致元素及其所有子元素具有不透明性，並且無法從中恢復。

來源

2012-06-01 01:20:16 ScottS

我打算使用本站（使用本地主機運行的個人數據庫）使用Opera – CampSoup1988

@ CampSoup1988 - 應該在Opera 10.x中運行，並根據[本站]（http://css-tricks.com/RGBA瀏覽器支持/）。 – ScottS

我很抱歉花了這麼長時間來接受你的建議。我分心了，忘了我問了這個問題.. – CampSoup1988

更改jquery插件的背景透明度，名爲fancybox

回答

相關問題