dare87 Posted September 30, 2011 Share Posted September 30, 2011 I am having a problem with my gradient in IE. I am not sure what I am doing wrong, but I'm sure it's an easy fix. The site is svmrestore.com Here is the code in questions. #header_wrapper { box-shadow:0 2px 3px #212121; -moz-box-shadow:0 2px 3px #212121; -webkit-box-shadow:0 2px 3px #212121; background-color:#e1dfdf; background:-moz-linear-gradient(top, #e1dfdf 0%, #bcb7b7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1dfdf), color-stop(100%, #bcb7b7)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '$color-1', endColorstr = '$color-2', GradientType = 0); font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:14pt; font-weight:300; height:120px; position:relative; z-index:300; } Looks great in FF and Chrome. Looks blue in IE Thanks in advance for your help. Link to comment https://forums.phpfreaks.com/topic/248147-gradient-in-css3/ Share on other sites More sharing options...
sunfighter Posted September 30, 2011 Share Posted September 30, 2011 Gradients do not work in IE9 or less. Link to comment https://forums.phpfreaks.com/topic/248147-gradient-in-css3/#findComment-1274528 Share on other sites More sharing options...
Frank P Posted October 2, 2011 Share Posted October 2, 2011 Gradients do not work in IE9 or less. Filter gradients do. But I wonder whether the variables $color-1 and -2 were rendered as hexa numbers. Link to comment https://forums.phpfreaks.com/topic/248147-gradient-in-css3/#findComment-1274906 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.