Hi, I'm pretty new to the idea of CSS and the actual code for my school website is about 1800 lines long so I'm not going to include all of it here, however I have been asked if it's possible to have a gradient background instead of the maroon we currently have:
I have found some gradient codes for CSS and tried to import them but they simply don't work. What I would like is marron for 10% turning into silver for 80% then back to silver for the remaining 10%.
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Arial, Sans-Serif;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #720B06 0%, #D4D4D4 10%, #D4D4D4 90%, #720B06 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #720B06 0%, #D4D4D4 10%, #D4D4D4 90%, #720B06 100%);
/* Opera */
background-image: -o-linear-gradient(right, #720B06 0%, #D4D4D4 10%, #D4D4D4 90%, #720B06 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #720B06), color-stop(0.1, #D4D4D4), color-stop(0.9, #D4D4D4), color-stop(1, #720B06));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #720B06 0%, #D4D4D4 10%, #D4D4D4 90%, #720B06 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #720B06 0%, #D4D4D4 10%, #D4D4D4 90%, #720B06 100%);
Taken from this website... I've tried putting the ocde together but no joy... I'm afraid :-(
Any help would greatly be appreciated. Thanks
The code you have works (http://jsfiddle.net/NFQrw/) so there must be something else in the css code that causes problems. It could be that there is code after that for
background that overrides it.
Could you link to the css file?