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

Popular posts from this blog

PHP and MySQL WP -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

go - golang pprof for c library code -