背景在火狐看的見 到IE就不行? - 部落格

By Enid
at 2012-04-08T15:45
at 2012-04-08T15:45
Table of Contents
想請教板上的各位高手,這個問題困擾了我很久
我的樣式是用樂樂(s9me7617)原本的樣式去改的,
我將文章區塊背景設定成白色半透明,
但這樣的效果只能在IE看到,我的半透明語法為:
alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
不知道是不是還有少設定到什麼,或是和其他的CSS衝突
所以我把全部的CSS貼在下面,
我的CSS比初階還糟糕,可以說是只有概念,
所以還麻煩各路高手為我解答了! 感恩
/*-------------- #comment-table --------------*/
#comment-form {
width: 95%;
padding: 5px;
background: none;
}
/*----- 整個迴響表格 -----*/
#comment-form table{ width: 95%; padding: 5px; border: none; }
/*----- 本篇迴響權限+留下迴響 -----*/
#comment-form p{
text-align: left;
margin: 0px 0px 10px 5px;
padding-left:10px;
color: #555;
border-left: 5px solid #aaa;
}
#comment-form table tr.comment-form-title{ display: none; }
/*----- 迴響表格內容欄 -----*/
#comment-form td {}
/*----- PIXNET ID + 公開留言 -----*/
#comment-form table td {
vertical-align: top;
padding: 5px;
color: #888;
border: none;
}
/*----- 迴響表格標題欄 -----*/
#comment-form table th {
vertical-align: top;
padding: 5px;
width: 80px;
color: #555;
border: none;
}
/*----- 迴響表格標題*欄 -----*/
#comment-form table th font { color: #555; }
/*----- 留言人資訊點選欄 -----*/
#comment-form input.radio { width: 16px; border: none; }
/*----- 留言人資訊輸入框 -----*/
#comment-form input {
width: 90%;
height: 17px;
font-size: 11px;
*font-size: 10px;
font-family:Verdana;
color: #333;
border-bottom: 1px solid #A4A4A4;
background: none;
}
/*----- 留言內容框 -----*/
#comment-form textarea {
width: 90%;
height: 90px;
padding: 5px;
font-size:11px;
*font-size:10px;
font-family:Verdana;
line-height: 18px;
border: 1px solid #aaa;
background: #fff url(http://pic.pimg.tw/s9me7617/495602fe0ccc0.png) no-repeat top right;
}
/*----- 確認送出鈕 -----*/
#comment-form input#send-comment {
width: 40px;
border: none;
color:#333;
background: #fff;
border-bottom: 1px solid #aaa;
}
/* --------------------------------------------End------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
pre{
font-size: 1em ;
}
.article-content{
_height: 1% ;
overflow: hidden ;
_overflow: none;
}
/*---------------------------------------------------------------------------------------
發表者: 樂樂
BLOG部落格: http://blog.pixnet.net/s9me7617
BLOG樣式: 0044-warm
css by s9me7617, copyright (c) 2008, all rights reserved.
-----------------------------------------------------------------------------------------*/
/*--卷軸--*/
html{}
/* ------------------------------ 整體設定 ------------------------------*/
body{
font-size: 11px;
*font-size: 10px;
font-family: "Verdana";
color:#444;
letter-spacing: 1px;
background: url(http://kabon.nomaki.jp/zakka/image8589.jpg)fixed left bottom no-repeat;
}
#body-div{
position:relative;
width: 970px;
margin: 0px auto;
}
br{letter-spacing: 0; }
/*--超連結--*/
a{ text-decoration:none ; color:#444; }
/*--滑鼠移動到超連結上時--*/
a:hover{ color:#666; }
/*--登入後最上方的後台功能列--*/
#authority {
position: absolute;
left:830px;
top:430px;
}
#authority a{ color:#7E7668; }
#authority a:hover { color:#fff; }
/*--所有內容--*/
#container{
width: 970px;
margin:0px auto;
background:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
}
#container2{}
#container3{ min-height : 800px; }
/*--主要內容區+側邊欄位區--*/
#main{}
/* ------------------------------登入登出功能列------------------------------*/
#login-bar{ text-align:right; padding:415px 15px 0px 0px; }
#login-bar a{ color:#fff; }
#login-bar a:hover{ color:#F3E4C4; }
/* ------------------------------橫幅主要內容-不包括登入功能列------------------------------*/
#banner{
position:absolute;
width:950px;
height:410px;
left:10px;
top:0px;
background:url(http://pic.pimg.tw/s9me7617/4964b8544c0c8.png) no-repeat center;
}
#header{
width:970px;
height: 450px;
background: url(http://pic.pimg.tw/s9me7617/4964b82f003a1.png) no-repeat;
}
/* ------------------------------部落格標題 banner h1 ------------------------------*/
#banner h1 a{
position:absolute;
font-size:30px;
top:30px;
left:20px;
color:#F3E4C4;
}
#banner h1 a:hover{ color:#fff; }
/* ------------------------------部落格描述 banner h2 ------------------------------*/
#banner h2{
position:absolute;
text-align: left;
top:80px;
left:25px;
font-size:12px;
color:#fff;
}
/*--跳到主文+部落格全站分類--*/
#banner .skiplink{ display:none; }
#blog-category{ display:none; }
/* ------------------------------ 四個主要連結 ------------------------------*/
/*--其他服務連結區塊內的所有連結--*/
#navigation {
position: absolute;
text-indent: -5000px;
left:190px;
top:420px;
}
#link-profile a,#link-album a,#link-guestbook a,#link-blog a {
display: block;
height: 20px;
font-size: 0px;
color: #fff;
}
#link-profile a:hover,#link-album a:hover,#link-guestbook a:hover,#link-blog a:hover {
display: block;
text-decoration: none;
height: 20px;
font-size: 0px;
color: #fff;
}
/*--相簿連結--*/
#link-album {
position: absolute;
width: 55px;
left:0px;
top:0px;
}
/*--部落格連結--*/
#link-blog {
position: absolute;
width: 40px;
left:75px;
top:0px;
}
/*--留言版連結--*/
#link-guestbook {
position: absolute;
width: 85px;
left:140px;
top:0px;
}
/*--名片連結--*/
#link-profile {
position: absolute;
width: 60px;
left:245px;
top:0px;
}
/* ------------------------------ 主要內容 ------------------------------*/
/*--主要內容區--*/
#content{
float:right;
width: 660px;
line-height:18px; display:inline;
padding:0px 17px 0px 10px;
margin-top: 10px;
border-left: 1px solid #DCDCDC;
overflow:hidden;
}
/* ------------------------------ 公告大區塊 ------------------------------*/
#spotlight{ margin: 0px 0px 23px 0px; font-size: 11px; *font-size: 10px; }
#spotlight h5 { display:none; }
#spotlight-text { text-align: left; padding: 0px 0px 10px 0px; color: #333; }
/* ------------------------------ 文章大區塊 ------------------------------*/
/*--所有文章區塊--*/
#article-area{}
/*--所有文章區塊標題(選擇觀看單一分類文章時的標題)--*/
.article-area-title{ text-align:left; margin: 10px 0px 0px 0px; }
/*--瀏覽方式--*/
#display{ text-align:left; }
/*--瀏覽方式這四個字--*/
#display span{}
/*--標題列表/簡短摘要--*/
#display a{}
/*--單一篇文章--*/
.article{
width: 655px;
padding:5px 0px 5px 0px;
color: #555;
overflow:hidden;
}
/*--單一篇文章最上方--*/
.article-head{
height: 67px;
background: url(http://pic.pimg.tw/s9me7617/4963231152b13.png) no-repeat left;
}
/*--單一篇文章中間區塊--*/
.article-body{}
/*--文章內容--*/
.article-content{
margin: 20px 0px 20px 0px;
line-height: 18px;
font-family:arial;font-size:12px;
}
/*--發表時間--*/
.publish {
text-align: left;
display: block;
text-transform: uppercase;
color:#555;
}
.date{ color: #7E7668; }
.time { display: none; }
/*--文章標題--*/
.title h2{
text-align:left;
padding-top:8px;
margin-left:40px;
font-size: 15px;
font-family: "Verdana";
}
.title h2 a{ color:#fff; }
.title h2 a:hover{ color: #AAA395; }
/*--文章標題前的所有圖示--*/
.title h2 img{}
/*--繼續閱讀--*/
.more{ float: right; margin: 10px 0px 0px 0px; }
.more a{}
.more a:hover{}
/*--加入書籤--*/
.bookmark{ text-align:right ; }
/*--發表時間--*/
.author{ text-align:right ; }
/*--推薦上專欄、轉寄文章--*/
.forward{ text-align:right; }
/*--單一篇文章最下方(全站分類 + 歷史上的今天 + ▲top)--*/
.article-footer{}
/*--此篇文章分類 : 個人分類+全站分類--*/
.refer{
float: left;
width: 300px;
padding-top:3px;
padding-bottom: 10px;
font-size: 11px;
*font-size: 10px;
}
.refer a { color:#888; }
.refer a:hover { color:#555; }
#blog-main .refer{ display:none; }
/*--歷史上的今天--*/
.history{ float: right; width: 280px; }
/*--頁數--*/
.page{ text-align: center; margin: 30px 10px 0px 0px; }
.page span { color: #333; }
/*--top--*/
.back-to-top{ display:none; }
.back-to-top a{}
.back-to-top a:hover{}
/* ------------------- 引用及回應列表 ---------------------------*/
/*--引用及回應列表全部的大範圍--*/
#user-post{}
/*--僅引用區塊--*/
#trackback-box{}
/*--引用網址+網址鈕+複製鈕--*/
#trackback-url{ text-align: right; }
#trackback-url input{
height: 18px;
line-height: 18px;
margin: 0px 5px 0px 0px;
color: #666;
background: none;
}
input#trackback-input{
width: 400px;
font-size: 11px;
*font-size: 10px;
font-family: "Verdana";
border-bottom: 1px solid #D4D4D4;
color: #333;
background: none;
}
/*--僅回應列表--*/
#comment-box{ margin-bottom: 20px; }
/*--引用列表+回應列表--*/
.user-post-box{}
/*--引用列表標題--*/
#trackback-title{ margin-bottom:5px; }
/*--回應列表標題--*/
#comment-title{ margin-top:5px; }
/*--引用列表標題+回應列表標題--*/
.user-post-title{}
/*--引用內容區塊--*/
#trackback-text{}
/*--回應內容區塊--*/
#comment-text{ padding-bottom:30px; }
/*--引用內容區塊+回應內容區塊--*/
.user-post-text{}
/*--單一引用--*/
#trackback-box .single-post{}
/*--單一回應--*/
.single-post{
position: relative;
margin: 0 auto;
overflow: hidden;
_overflow: none;
_height: 1%;
margin-bottom:30px;
border: 0px dashed #ff0000;
}
/*--單一樓層數字--*/
.single-post .floor {}
/*--引用者資訊+回應者資訊--*/
.post-info{
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 1px solid #C8C8C8;
overflow:hidden;
}
.post-time{ display: none; }
.post-info a{ color: #333; }
.post-info a:hover{}
.post-info img {}
/*--單一引用內容+單一回應內容+回覆內容--*/
.post-text {
float:left;
width:600px;
padding:5px 0px 10px 15px;
color: #333;
}
#trackback-box .post-text{ width: auto ; float:none ; }
/*--單一引用標題+單一回應標題--*/
.post-text p{}
/*--回應者頭像--*/
.post-photo{ display: inline; float:left; }
.post-photo img {
margin:10px 0px 0px 0px;
width: 40px;
height: 40px;
FILTER: alpha(opacity=90);-MOZ-OPACITY:0.9;OPACITY:0.9;
}
.post-photo a:hover img {
width: 40px;
height: 40px;
FILTER: alpha(opacity=50);-MOZ-OPACITY:0.5;OPACITY:0.5;
}
/*--回響者名稱--*/
.user-name{ margin-left: 10px; }
/*--單一回應者IP--*/
.user-ip { display: none; }
.img.pixnet-user { display: none; }
/* ----------------------版主回覆區塊-包含悄悄話---------------------*/
.reply-text {
text-align:left;
clear:both ;
padding: 20px 0px 20px 0px;
width: 550px;
margin-left:55px;
color: #A29C91;
overflow:hidden;
}
.reply-text p{ display: none; }
.secret{}
/* ----------------------留下迴響(這四個字)---------------------*/
.post-comment a{
display:block;
text-align:center;
font-size: 15px;
margin:20px 0px 10px 0px;
margin: 20px auto;
}
/* ------------------- 列表模式的文章區塊---------------------*/
.main-list{ margin-top: 20px; }
.main-list table{ width:100% ; }
.main-list h3{ margin-bottom: 10px; padding: 5px 10px ; }
.main-list th{ padding: 2px; border-bottom:1px solid #999; color: #555; }
.main-list td{ padding: 2px; margin-top: 5px; color:#666; }
.main-list a{}
#article-list{}
/* ----------------------側邊欄位區大區塊---------------------*/
#links{
float:left;
width:265px;
padding-left:15px;
margin-top:20px;
font-size: 12px;
*font-size: 10px;
overflow: hidden;
}
/* ----------------------側欄單一功能區塊---------------------*/
.box-title{
text-align:left;
height: 30px;
padding:3px 0px 0px 35px;
margin:0px 0px 5px 0px;
font: 15px "Century Gothic";
color: #4E483E;
background: url(http://pic.pimg.tw/s9me7617/4963230d5d488.gif) no-repeat left top ;
}
.box-text{ padding: 0px 10px; }
.box a{ color: #555; }
.box a:hover{ color:#A29C91; }
.box{ margin-bottom: 25px; }
/* ----------------------誰來我家+我去誰家---------------------*/
#visitor, #crumb{ _height: 1%; overflow: hidden; _overflow: none; }
#visitor .box-more, #crumb .box-more{ display: none; }
#visitor li, #crumb li{ float: left; padding:2px; }
#visitor .box-text li a, #crumb .box-text li a{ display:block; }
#visitor a img, #crumb a img{
width: 25px;
height: 25px;
border: solid 3px #EAEAEA;
}
#visitor ul a:hover img, #crumb ul a:hover img{
width: 25px;
height: 25px;
FILTER: alpha(opacity=50);-MOZ-OPACITY:0.5;OPACITY:0.5;
border: solid 3px #EAEAEA;
}
/* ----------------------麻吉交流---------------------*/
#headshot{}
#headshot .box-title{}
#headshot .box-text li a{}
#headshot .box-text{}
#headshot .box-text img{}
/* ----------------------碎碎唸---------------------*/
#murmur .box-text{ color:#444; }
#murmur .box-more{ text-align: right; margin: 15px 0px; }
#murmur .box-more a{}
#murmur .box-more a:hover{ color:#EAEAEA; background:#333; }
.murmur-time{ margin: 5px 0px 10px 0px; color:#A29C91; }
/* ----------------------好友的碎碎唸聯播---------------------*/
#broadcast{}
#broadcast .box-text{}
/*--好友的內容--*/
#broadcast .box-text ul{
overflow: hidden;
_overflow: none;
_height: 1%;
padding-top: 3px;
}
/*--好友的頭像--*/
.broadcast-photo{
float:left;
width:43px;
height:39px;
}
.broadcast-photo img{
padding: 1px;
width:30px;
height:30px;
border: solid 1px #A29C91;
}
.broadcast-time{}
.broadcast-text{
padding: 1px;
height: 12px;
overflow: hidden;
}
/* ---------------------- 文章加密輸入密碼部份 ---------------------*/
input{
border: 0;
font-size: 11px;
*font-size: 10px;
color:#333;
background:#eee;
}
/* ------------------------------ 搜尋 ------------------------------*/
#search .box-title{}
#search .box-text{ background:none; }
#search .box-text li { display:inline; }
input#search-submit{
font-size: 11px;
*font-size: 10px;
font-family: "Verdana";
color: #333;
border: 0px;
background: none;
}
#search-target{
text-align: center;
width:150px;
font-size: 11px;
*font-size: 10px;
font-family: "Verdana";
color:#333;
border: 1px solid #999;
background:none;
}
/* ------------------------------ 近期文章 ------------------------------*/
#recent-article .box-text li{
height:16px;
line-height:16px;
padding:0px 0px 5px 0px;
overflow:hidden;
}
#recent-article .box-text li a{
display:block;
text-align:left;
padding:0px 5px;
color: #333;
}
#recent-article .box-text li a:hover{
text-align:right;
padding:0px 5px;
color:#A29C91;
}
#recent-article .box-text a img{ display:none; }
/* ------------------------------最新迴響------------------------------*/
#latest-comment .box-title{}
#latest-comment span {}
#latest-comment .box-text li {
display:block;
padding:3px 0px;
height:30px;
line-height:15px;
color:#222;
}
#latest-comment .box-text li a{
display:block;
text-align:left;
height:15px;
line-height:15px;
padding:0px 0px 0px 5px;
color: #555;
_overflow:none;
overflow:hidden;
border-bottom: 1px dashed #999;
}
#latest-comment .box-text li a:hover{ text-align:right; color: #A29C91; }
/* ------------------------------文章分類------------------------------*/
#category{}
#category .box-title{}
#category .box-text h6 img{}
#category .box-text h6{ padding:2px 0px; }
#category .inner-box ul{ padding-bottom:5px; }
#category .box-text .box-more{ display: none; }
#category .box-text li { padding:1px 0px; }
#category .box-text a {
display:block;
margin:1px 0px 0px 0px;
padding:1px 0px 0px 17px;
background:transparent url(http://pic.pimg.tw/s9me7617/4963230c45fe1.gif) no-repeat scroll left;
}
/* ------------------------------ 參觀人氣 ------------------------------*/
#counter .box-title{}
#counter .box-text{ color:#333; }
#counter .box-text li{ display: inline; }
/* ------------------------------月曆------------------------------*/
#calendar{}
#calendar .box-title{}
#calendar .box-text{ line-height:16px; }
#calendar table{ text-align:center; width:100%; }
#calendar th{ text-align: center; line-height:16px; }
#calendar .calMonthNav{}
#calendar .calMonthHeader{}
#calendar td { text-align:center; }
#calendar td a{ text-align:center; background: #bbb; }
/* ------------------------------熱門文章------------------------------*/
#hot-article{ }
#hot-article .box-title{}
#hot-article .box-text{}
#hot-article .box-text a{}
/* ------------------------------文章彙整------------------------------*/
#archive{}
#archive .box-title{}
#archive .box-text{}
#archive .box-text select{
width: 100%;
font-size: 11px;
*font-size: 10px;
font-family: "Verdana";
background: #fff;
}
#archive .box-more{ text-align: right; margin-top: 10px; }
/* ------------------------------我的訂閱------------------------------*/
#subscription .box-title{}
#subscription .box-text a{
display: block;
text-align:left;
padding: 2px 0px 0px 0px;
margin: 5px 0px 1px 0px;
font-size: 11px;
*font-size: 10px;
font-family: "Verdana";
}
#subscription .box-text li{
text-align:right;
width: 100%;
padding: 2px 0px 2px 0px;
margin-bottom: 1px;
font-size: 11px;
*font-size: 10px;
color: #333;
border-bottom: dotted 1px #464646;
}
/* ------------------------------我的連結------------------------------*/
#mylink .box-title{}
#mylink .inner-box h6 { margin:5px 0px 5px 0px; font-size:11px; color:#333; }
#mylink .link-box a{
text-align: left;
width: 100%;
font-size: 11px;
color: #666;
}
#mylink .box-text li{
text-align: left;
padding: 2px 0px 0px 5px;
width: 100%;
font-size: 11px;
*font-size: 10px;
}
/* ------------------------------頁尾大區塊------------------------------*/
#footer p { display: none; }
#footer a{ color: #fff; }
#bottom{ padding:60px 0px 0px 0px; }
#footer{
clear: both;
text-align: right;
padding-right:20px;
height: 100px;
background:url(http://pic.pimg.tw/s9me7617/49632310064aa.png) no-repeat;
}
/*---------------------------------------------css end---------------------------------------*/
--
Tags:
部落格
All Comments

By Jake
at 2012-04-11T15:01
at 2012-04-11T15:01

By Emma
at 2012-04-14T21:10
at 2012-04-14T21:10

By Liam
at 2012-04-16T18:43
at 2012-04-16T18:43

By Faithe
at 2012-04-18T10:58
at 2012-04-18T10:58

By Blanche
at 2012-04-22T06:13
at 2012-04-22T06:13
Related Posts
改版後外觀也改了......

By Olive
at 2012-04-08T08:20
at 2012-04-08T08:20
bing搜尋排擠

By Ida
at 2012-04-08T07:10
at 2012-04-08T07:10
bing搜尋排擠

By Edith
at 2012-04-07T15:36
at 2012-04-07T15:36
無法顯示

By David
at 2012-04-07T11:41
at 2012-04-07T11:41
大家選擇Blogger的原因是?

By Liam
at 2012-04-06T15:58
at 2012-04-06T15:58