2013-04-18 283 views
0

我有一個容器,它通過分配一個類名來從全局css文件繼承一些設置。但是,當我嘗試使用另一個類來更具體地設置背景時,沒有任何更改。覆蓋CSS背景屬性

我的HTML的有趣的部分:

<html> 
     <head> 
      <link rel="stylesheet" type="text/css" href="/styles/global.css"> 
      <link rel="stylesheet" type="text/css" href="/styles/register.css"> 
     </head> 
     <body class="class1 class2"> 
      <div> 
       some content 
      </div> 
     </body> 
    </html> 

而CSS全球

.class1 { 
     /*Shadowing for 3D effect*/ 
     -moz-box-shadow:inset 0px 1px 2px 0px #caefab; /*pale green*/ 
     -webkit-box-shadow:inset 0px 1px 2px 0px #caefab; /*inner/outer, hz-offset, vert-offset, blur-rad, spread, color*/ 
     box-shadow:inset 0px 1px 2px 0px #caefab; 
     /*Background gradient effect*/ 
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #46bf46), color-stop(1, #1d911d)); /*dark green to light green*/ 
     background:-moz-linear-gradient(center top, #46bf46 5%, #1d911d 100%); 
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46bf46', endColorstr='#1d911d'); 
     /*Rounded corners*/ 
     -moz-border-radius:10px; 
     -webkit-border-radius:10px; 
     border-radius:10px; 
     /*Border*/ 
     border:1px solid #46bf46; 
     /*text settings*/ 
     color: white; /*like chalk*/ 
     text-decoration:none; /*this is default*/ 
     text-shadow:1px 1px 0px #777; /*hzoff vtoff blur color*//*gray makes letters pop out*/ 
     font-family:Verdana, sans-serif; 
     font-size:20px; 
     font-weight:bold; 
    } 

最後的CSS寄存器

.class2 { 
     color: black; 
     background-color: lightgray; 
    } 

的文本顏色是完美,但我重寫無法獲得改變的背景。

回答

2

CSS上不存在文本顏色。這是顏色

關於背景,請嘗試使用背景屬性alltogether,而不僅僅是背景顏色。也許瀏覽器漸變覆蓋它。

+0

你是對的。該點在'背景'。 – ncm

+0

謝謝!我總是在代碼中弄亂文本顏色/顏色。我太新來CSS了。 – Jaws212