CSS字体神秘(4me)问题

时间:2011-06-16 07:32:53

标签: ruby-on-rails css

我有一个CSS问题。我正在使用Rails 3.0并尝试设计我的网站。我之前也发现了这个令人讨厌的问题,但现在是时候找到解决方案了。

情况:我设置了这样的CSS:

*               {margin: 0;padding: 0;}
body            {background-color: #1d1122; font:12px/18px Arial, Tahoma, Verdana, sans-serif #fff; width: 100%;}
a               {color: blue; outline: none; text-decoration: underline;}
a:hover         {text-decoration: none;}
p               {margin: 0 0 18px}
img             {border: none;}
input           {vertical-align: middle;}
#wrapper        {width: 955px; margin: 0 auto;}

/* Header
-----------------------------------------------------------------------------*/
#header         {background: transparent url(../images/header.jpg) no-repeat; height: 413px;}
#navigation     {background: transparent url(../images/menu_bg.jpg) no-repeat; height:36px;}

/* Middle
-----------------------------------------------------------------------------*/
#middle         {width: 100%; height: 1%; position: relative;}
#middle:after   {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container      {background: transparent url(../images/main_bg.jpg) no-repeat; width: 100%; float: left; overflow: hidden;}
#content        {padding: 0 270px 0 0;}

/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight      {float: left; margin-right: -3px; width: 313px; margin-left: -313px; position: relative;}

/* Footer
-----------------------------------------------------------------------------*/
#footer         {background: transparent url(../images/footer.jpg) no-repeat; height: 63px;}

/*Content
-----------------------------------------------------------------------------*/
#prediction_box {width:290px; height:200px; position:relative; background-color:#392b3f; border: 1px solid #000; margin: 25px 25px 40px 40px;}

当我开始在索引页面上写东西时,这不会是我在body标签中设置的12px Arial。如果我不想把文字变成白色,那么就开始了。

body            {font-color:#fff; background-color: #1d1122; font:12px/18px Arial, Tahoma, Verdana, sans-serif #fff; width: 100%;}

如果我使用font-color:#fff;没有任何反应。但是,如果我使用字体:#fff 12px / 18px等...突然之间文本将是Arial 12px但仍然是黑色的!

你能解释一下这是怎么回事吗?

期待你的回答,

凯尔

1 个答案:

答案 0 :(得分:3)

CSS没有定义font-color属性。您需要使用color属性:color: #fff;,以使前景色(字体颜色)变为白色。