<< 18．29 | 回blog首頁 | 省錢大作戰 III, 番外篇 >>

March 12,2007

修正文章標題看不到底色(黑色)的問題 (FF)*

如標題...

既然看到了那道光
乾脆連文章標題底色不見的問題也來修修看

沒想到調整一下 css 碼的前後順序
這個問題就被我修正好了

修正後的 css 如下:
.title {
/*文章標題*/
font-family:verdana, arial;
font-size:9pt;
color:#FFFFFF;
font-weight:bold;
color:#C0C0FF;
border:1px outset;
border-bottom:2px solid #494949;
border-right:2px solid #494949;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
padding:5px;
margin-bottom:20px;
margin-left:0px;
background-color: #000000;
}


.date {
/*文章日期*/
font-family:verdana, arial, sans-serif;
font-size:7pt;
color:#ccc/*#C0C0FF*/;
border:1px solid #999;
border-bottom:2px solid /*#202158*/#303030;
border-right:2px solid /*#202158*/#303030;
border: none;
padding:0px;
margin-top:15px;
margin-bottom:0px;
margin-left:8px;
margin-right:7px;
font-weight:normal;
float:right;
/*text-align: right;
position:fixed;*/
}


至於文章回應區加上背景的 css 如下:
#text {
/*回應欄位右邊, 填寫回應的區塊*/
color: #E5F76C;
font-family:verdana, arial, sans-serif;
font-size: 8pt;
background-color:#000000;
background-image: url(http://farm1.static.flickr.com/184/415403070_b93431cff0_t.jpg);
background-position: 299px 81px;
background-repeat: no-repeat;
}


總計修改部分有三:
1. 文章標題底色: 無->黑
2. 文章日期位置: 往內移一點, 避免疊到邊框
3. 回應區填寫回應處加背景在右下處
(圖片請見修正回應區黑底黑字的問題 (FF)*)

20070312_修正title底色與日期疊框_對照圖
圖片來源:
我的 flickr 相簿

以上


備註:
因為之前我都是使用 IE 修 css 跟預覽
所以使用 IE 的人看到的版面比較正常
目前主要是針對 FF 瀏覽器遇到的問題做修正囉 ^^

Posted by hikawac at 樂多Roodo! │16:16 │回應(2) │引用(0) │css stuff
樂多分類：網路/3C 共同主題：CSS 工具：編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/2842363
回應文章
喔喔
難怪覺得又不大一樣了 ^^|||
Posted by D at March 12,2007 17:27
ㄟ...
可以當成是為改版做暖身
雖然改版似乎依舊遙遙無期... :P
Posted by hikawac at March 13,2007 13:53


回最上方