HTML Help Workshop: css gradient vanishes -
i attached page.css (contents below) , .gif files [files] section of project , added line of html files:
<body class="grade"> <link rel="stylesheet" href="page.css" type="text/css" /> everything works fine, chm file shows nice gradient.
a strange thing happens when switch non-gradient page inside , switch gradient site: gradient gone other css attributes still there.
does has idea?
here page.css:
body{font-family:arial, sans-serif;} #grad { background: red; /* browsers not support gradients */ background: -webkit-linear-gradient(left, red , yellow); /* safari 5.1 6.0 */ background: -o-linear-gradient(right, red, yellow); /* opera 11.1 12.0 */ background: -moz-linear-gradient(right, red, yellow); /* firefox 3.6 15 */ background: linear-gradient(to right, red , yellow); /* standard syntax */ } {text-decoration:none; border:none; outline:none;} a:hover{color:#ff3f00; text-decoration:none; border:none; outline:none;} a:visited {text-decoration:none; border:none; color:#ff3f00; outline:none;} a:visited:hover{color:#0000ff; text-decoration:none; border:none; outline:none;} h1{font-size:15pt; margin-top:20px;} h2{font-size:13pt;margin-left:20px; margin-bottom:0px; padding:0px;} h3{font-size:11pt; margin-left:40px; margin-bottom:0px; margin-top:0px; padding:0px;} p.text{font-size:11pt; color:#000; margin-left:40px; margin-bottom:0px; margin-top:0px; padding:0px;} /*p.textimg{font-size:10pt; color:#000; margin-left:100px; margin-top:0px;}*/ div#page{width:95%; margin:auto;} .grade {background-image:url(images/blue3.gif); background-repeat: repeat-y;} ul {list-style:disc;} li {font-size:11pt;} br {clear:left}
Comments
Post a Comment