我有一个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但仍然是黑色的!
你能解释一下这是怎么回事吗?
期待你的回答,
凯尔
答案 0 :(得分:3)
CSS没有定义font-color
属性。您需要使用color
属性:color: #fff;
,以使前景色(字体颜色)变为白色。