Use rgba() for gallery caption background instead of opacity

Opacity applies to child elements, and can't be unset.

Change-Id: Id4b58ccf82cf3b6d23f67408c5311da0eb92fbce

diff --git a/skins/common/shared.css b/skins/common/shared.css
index 942cbac..00bd26b 100644 (file)
--- a/skins/common/shared.css
+++ b/skins/common/shared.css
@@ -881,10 +881,8 @@ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
 ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
 ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
        position:absolute;
-       opacity:.8;
-       filter:alpha(opacity=80);
-       zoom: 1;
-       background-color:white;
+       background: white;
+       background: rgba(255, 255, 255, 0.8);
        padding: 5px 10px;
        bottom: 0;
        left: 0; /* Needed for IE */
@@ -899,13 +897,6 @@ ul.mw-gallery-packed {
        text-align: center;
 }
 
-ul.mw-gallery-packed-hover div.gallerytext,
-ul.mw-gallery-packed-overlay div.gallerytext {
-       opacity: 1;
-       position: relative; /* Resets opacity in old IE */
-}
-
-
 .mw-ajax-loader {
        /* @embed */
        background-image: url(images/ajax-loader.gif);