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

Enid avatar
By Enid
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---------------------------------------*/








--

All Comments

Jake avatar
By Jake
at 2012-04-11T15:01
我看起來沒什麼問題啊 可以貼個圖指出差異嗎
Emma avatar
By Emma
at 2012-04-14T21:10
首先感謝W幫我檢查>"< 真是辛苦你的眼睛了(奉上紅杞茶
Liam avatar
By Liam
at 2012-04-16T18:43
在IE瀏覽的時候 那個熊熊的背景圖片就不見了 還是說
W的IE瀏覽時 熊熊還在??!!
Faithe avatar
By Faithe
at 2012-04-18T10:58
我用IE開也一樣沒有熊喔
基本上我覺得這是那個圖被禁止外連了 你可以試著上傳到相
Blanche avatar
By Blanche
at 2012-04-22T06:13
簿 再重新對應圖片位址 應該就沒問題了

改版後外觀也改了......

Olive avatar
By Olive
at 2012-04-08T08:20
話說昨晚點了新版介面 不知道是不是不小心點到更改範本 外觀竟然變成基本範本! 我習慣不好 沒儲存之前的外觀 現在不知道怎麼救...... 因為我對電腦不很在行 之前的外觀是一點一點慢慢改的 現在看著網頁覺得超無力的 請問還有辦法救回來嗎?謝謝 -- ┼┼┼┼┼┼┼┼┼┼ ...

bing搜尋排擠

Ida avatar
By Ida
at 2012-04-08T07:10
Pixnet的文章也搜不到耶!怎麼辦? 會不會是bing的問題啊 ※ 引述《matsuwu (BboyFan)》之銘言: : 因為一直以來都用google搜尋 : 一直忘記也要用bing搜看看(yahoo現在也是用bing) : 結果發現用blogspot的blog完全搜不到... : 我也已經把網站提交到 ...

bing搜尋排擠

Edith avatar
By Edith
at 2012-04-07T15:36
因為一直以來都用google搜尋 一直忘記也要用bing搜看看(yahoo現在也是用bing) 結果發現用blogspot的blog完全搜不到... 我也已經把網站提交到bing有兩個月了 但是目前還是蒐尋不到有點誇張 不知道有沒有什麼seo的方案... - ...

無法顯示

David avatar
By David
at 2012-04-07T11:41
http://i.imgur.com/w3lYm.png 如圖 一直呈現這種畫面 不過點別人的頁面進去看就沒問題 只有自己頁面的看不了 昨天突然可以顯示 今天要上去看就又這樣atat 別台電腦登入就正常 找不出原因OTZ (狐狸.IE.GC.連PCMAN都用上了) - ...

大家選擇Blogger的原因是?

Liam avatar
By Liam
at 2012-04-06T15:58
先來分享一下我的原因,會用blogger純粹是因為有gmail 還有覺得google是大品牌,應該比較好用. 使用的實際情況還蠻順暢的,但是blogger相較於其他平台, 如 無名 痞客幫,blogger完全沒有經營宣傳的部份, 其他兩個平台會設首頁,將精選文章或熱門文章進行宣傳, 帶動了整體的人 ...