作者ayalovekumo (苏菲爱旅行)
看板Blog
标题[痞客] 背景在火狐看的见 到IE就不行?
时间Sun Apr 8 15:45:10 2012
想请教板上的各位高手，这个问题困扰了我很久
我的样式是用乐乐(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---------------------------------------*/
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.216.230.200
1F：→ Wcw5504:我看起来没什麽问题啊 可以贴个图指出差异吗 04/09 20:34
2F：→ ayalovekumo:首先感谢W帮我检查>"< 真是辛苦你的眼睛了(奉上红杞茶 04/10 12:44
3F：→ ayalovekumo:在IE浏览的时候 那个熊熊的背景图片就不见了 还是说 04/10 12:45
4F：→ ayalovekumo:W的IE浏览时 熊熊还在??!! 04/10 12:45
5F：→ Wcw5504:我用IE开也一样没有熊喔 04/10 20:55
6F：→ Wcw5504:基本上我觉得这是那个图被禁止外连了 你可以试着上传到相 04/10 20:55
7F：→ Wcw5504:簿 再重新对应图片位址 应该就没问题了 04/10 20:56