From ea00a0347bc7c55ce5ff32e259bee538ccb91c8b Mon Sep 17 00:00:00 2001 From: Patrick Davison Date: Tue, 9 Apr 2013 01:06:08 -0700 Subject: Fix Cross-browser top-bar-gradient. --- css/page.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/css/page.css b/css/page.css index 97f3882..0c7fe57 100644 --- a/css/page.css +++ b/css/page.css @@ -304,8 +304,20 @@ position:absolute;color:#333;left:25px;bottom:20px; position: relative; min-width: 960px; width:100%; - background: -moz-linear-gradient(top, #555, #222); - background: -webkit-linear-gradient(top, #555, #222); + filter: alpha(opacity=90); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; + -moz-opacity: 0.9; + -khtml-opacity: 0.9; + opacity: 0.9; + + background: -moz-linear-gradient(top, rgba(85,85,85,0.9) 0%, rgba(85,85,85,0.9) 1%, rgba(34,34,34,0.9) 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,0.9)), color-stop(1%,rgba(85,85,85,0.9)), color-stop(100%,rgba(34,34,34,0.9))); + background: -webkit-linear-gradient(top, rgba(85,85,85,0.9) 0%,rgba(85,85,85,0.9) 1%,rgba(34,34,34,0.9) 100%); + background: -o-linear-gradient(top, rgba(85,85,85,0.9) 0%,rgba(85,85,85,0.9) 1%,rgba(34,34,34,0.9) 100%); + background: -ms-linear-gradient(top, rgba(85,85,85,0.9) 0%,rgba(85,85,85,0.9) 1%,rgba(34,34,34,0.9) 100%); + background: linear-gradient(to bottom, rgba(85,85,85,0.9) 0%,rgba(85,85,85,0.9) 1%,rgba(34,34,34,0.9) 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6555555', endColorstr='#e6222222',GradientType=0 ); + z-index:9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -- cgit v1.2.3