请CSS高手帮我解决这个问题~高分追加
发布网友
发布时间:2024-01-14 09:01
我来回答
共5个回答
热心网友
时间:2024-03-17 10:49
问题:代码语法错误多了个;少了个}/*注释*/ 被你写成了 /注释/改后即可正常,以下是改后的代码,为了显示得更清楚,我给本来挤在一起的白字加了点样式:------------------------------------------------------/*默认*/body{background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/laox/pic/item/65f9754ecc5aa40db3de05d0.jpg
) no-repeat;background-position: center;background-attachment: fixed;CURSOR: url(http://webme.bokee.com/inc/mouse019.ani)} a:hover{CURSOR: url(http://webme.bokee.com/inc/mouse013.ani)} #header{background:transparent}.modbl,modbc,modbr{background:transparent} #header{height:89px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/laox/pic/item/00a358ec7ebcb3d52e2e2169.jpg
)}/*主体部分*/#header div.lc{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/hdl.jpg) no-repeat}/*左背景图*/#header div.rc{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/hdr.jpg) no-repeat top right}/*右背景图*/#header div.tit{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}/*空间名称*/#header div.tit a.titlink{color:#FF0000;background:#FFF;text-decoration:none}/*空间名称链接*/#header div.tit a.titlink:visited{color:#FF0000;background:#FFF;text-decoration:none}#header div.desc{top:33px;left:20px;color:#FF0000;background:#FFF;font-size:13px}/*空间简介*/#tabline{top:89px;background-color:#FFFFFF}/*菜单下方的横线*/#tab{top:1167px;background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/tabbg.gif) repeat-x}#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}#tab span{color:#FFFFFF;font-size:14px}#tab a:link{color:#FFFFFF;text-decoration:none;font-size:14px}#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}#tab2{background:#DAE9F5}#tab2 span{color:#000000;font-size:12px;font-weight:bold}#tab2 a{font-size:12px}#tab2 a:link{color:#0000CC}#tab2 a:visited{color:#0000CC}.stage{background:#F3F1F1}/*内容区域,TAB菜单与版权信息之间的区域*//*=======其它区域(即访问量等信息)===========*/#comm_info{color:#333333;font-family:Arial;text-align:left}/*主体*/#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}/*分界线*/#comm_info a{color:#3399CC}/*链接*//*=======页码区域============*/#page{height:30px;font-size:14px;font-family:Arial;text-align:center}/*主体*/#page span{padding:3px;color:#000000;font-size:14px;font-weight:bold}/*当前页码(不可点击)*/#page a.pc{color:#3399CC;font-size:14px;font-weight:bold}/*上一页和下一页*/#page a.pc:visited{color:#3399CC}#page a.pi{padding:3px;color:#3399CC;font-size:14px}/*页码(可点击)*/#page a.pi:visited{color:#3399CC}/*=======模块==============*/.mod{margin-bottom:10px}.modhandle{cursor:move}.modth{height:24px}/*模块标题栏主体*/.modhead{padding:4px 4px 0 4px}.modopt{padding:4px 4px 0 0}/*模块操作区(如写新文章)*/.modtit{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}/*模块标题区(如文章列表)*/.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}.modact{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}/*操作文字链接(如文章列表)*/.modbox{padding:10px 10px 0 10px;background-color:#FFFFFF}/*模块内容区*/.modtl{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/ptitl.gif) no-repeat top left;line-height:1px}/*模块左上角背景*/.modtc{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/ptitc.gif) repeat-x}/*模块中上背景*/.modtr{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp1/ptitr.gif) no-repeat top right;line-height:1px}/*模块右上角背景*/.modbl{background-color:#FFFFFF;line-height:1px}/*模块左下角背景*/.modbc{background-color:#FFFFFF;line-height:1px}/*模块中下背景*/.modbr{background-color:#FFFFFF;line-height:1px}/*模块右下角背景*/.modlabel{color:#000;font-size:14px;font-weight:bold}/*===========文章区域========*/#m_blog div.tit{font-size:14px;font-weight:bold}#m_blog div.tit a{color:#333333;font-size:14px;font-weight:bold}#m_blog div.tit a:visited{color:#333333}#m_blog div.date{margin:5px 0 8px 0;color:#666666}#m_blog div.cnt{color:#333333;line-height:20px;font-size:14px}#m_blog div.cnt div{font-size:14px}#m_blog div.more{margin:14px 0 16px 0}#m_blog div.more a{color:#3399CC;font-size:14px}#m_blog div.more a:visited{color:#3399CC}#m_blog div.opt{color:#666666;font-size:12px}#m_blog div.opt a{color:#3399CC;font-size:12px}#m_blog div.opt a:visited{color:#3399CC}#m_blog div.line{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}#m_blog div.none{padding:100px 0 100px 0;color:#333333;font-size:14px}#m_blog{scrollbar-face-color: #ffffff; scrollbar-shadow-color: #E100E1; scrollbar-highlight-color: white; scrollbar-3dlight-color: #E100E1; scrollbar-darkshadow-color:#E100E1; scrollbar-arrow-color:#E100E1; scrollbar-base-color: #E100E1; scrollbar-track-color: #E100E1; overflow-y:auto;height:950px; filter: Chroma(color=#E100E1);} /*文章列表的滚动条*/ #m_pro a{color:#3399CC}#m_pro a:visited{color:#3399CC}#m_pro div.image{text-align:center}#m_pro div.act{margin-top:10px}#m_pro div.user{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}#m_pro div.desc{color:#333333;font-size:12px}#m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}#m_pro td{color:#333333;line-height:24px;font-size:14px}#m_pro .photo{background:#FFF;border:1px solid #DDD}#m_pro .photo td{font-size:12px}#m_pro .photo .image{padding:20px 0 10px 0}#m_pro .photo .line{width:90%;line-height:0;border-top:1px dashed #DDD;font-size:1px}#m_pro .ref{margin-top:10px;border:1px solid #DDD}#m_pro .ref .tit{padding-left:10px;background:#EEE;border-bottom:1px solid #DDD}#m_pro .ref .cnt{padding:10px;background:#FFF}#m_pro .basic td{color:#666;font-size:14px}#m_pro .basic .tit{font-weight:bold}#m_pro .basic a:hover{padding:1px;background:#261CDC;color:#FFF;text-decoration:none}#m_pro .basic a.nlk:hover{padding:0px;color:#196CCA;background-color:#FFF;text-decoration:underline}#m_pro .pline{margin-left:5px;margin-top:10px;line-height:10px;border-top:1px dashed #A6A6A6}#m_pro .pitem{margin-left:5px;line-height:22px;font-size:14px}#m_pro .pitem .tit{color:#666}#m_pro .pitem a:hover{padding:1px;background:#261CDC;color:#FFF;text-decoration:none}#m_album div.image{text-align:center}#m_album div.page{color:#666666;font-size:12px;text-align:center}#m_album div.page a{color:#0000CC;font-size:12px}#m_album div.page a:visited{color:#0000CC}#m_album .phpage{margin-top:10px;padding-bottom:5px;text-align:center}#m_links div.item{color:#333333;font-size:12px}#m_links div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_links div.item a:visited{color:#3399CC}#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_mylink1 div.item{color:#333333;font-size:12px}#m_mylink1 div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_mylink1 div.item a:visited{color:#3399CC}#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_mylink2 div.item{color:#333333;font-size:12px}#m_mylink2 div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_mylink2 div.item a:visited{color:#3399CC}#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_mylink3 div.item{color:#333333;font-size:12px}#m_mylink3 div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_mylink3 div.item a:visited{color:#3399CC}#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_mylink4 div.item{color:#333333;font-size:12px}#m_mylink4 div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_mylink4 div.item a:visited{color:#3399CC}#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_artclg div.item{color:#666666;font-size:12px}#m_artclg div.item a{color:#3399CC;font-size:12px}#m_artclg div.item a:visited{color:#3399CC}#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_filed div.item{color:#666666;font-size:12px}#m_filed div.item a{color:#3399CC;font-size:12px}#m_filed div.item a:visited{color:#3399CC}#m_filed div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_comment div.item{color:#333333;font-size:12px}#m_comment div.item a{color:#3399CC;font-size:12px}#m_comment div.item a:visited{color:#3399CC}#m_comment div.item a.cnt{color:#333333;font-size:12px;text-decoration:none}#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}#m_comment div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#m_albumlist div.note{color:#333333;font-size:14px}#m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}#m_albumlist div.none{padding:100px 0 100px 0;color:#333333;font-size:14px}#m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}#m_albumlist div.tit{margin:6px 0 7px 0;color:#333333;font-size:14px}#m_albumlist div.tit a{color:#3399CC;font-size:14px}#m_albumlist div.tit a:visited{color:#3399CC}#m_albumlist span.count{color:#666666;font-size:12px;font-weight:bold}#m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial}#m_albumlist a.act{color:#3399CC;font-size:12px}#m_albumlist a.act:visited{color:#3399CC}#m_albumlist a.page{color:#0000CC;font-size:14px}#m_albumlist a.page:visited{color:#0000CC}#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}#m_albumlist .phbox{margin-top:15px;margin-left:15px}#m_albumlist .phbox .phpage{color:#636363;font-size:14px}#m_albumlist .phbox .phinfo{margin:6px 0 2px 0;color:#636363;font-size:12px}#m_albumlist .phbox .phimg{margin-bottom:10px}#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}#m_friend div.user a{color:#3399CC;font-size:12px}#m_friend div.user a:visited{color:#3399CC}#m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}#m_setting a{color:#3399CC}#m_setting a:visited{color:#3399CC}#m_setting{line-height:22px;color:#333333;font-size:14px}#m_setting img.sel{border:4px solid #FFDB7B}#m_setting img.unsel{border:1px solid #D2D2D2}#m_setting span.tit{font-size:14px}#m_setting span.usr{color:#666666}#m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold}#m_setting div.line{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}#m_sysinfo a{color:#3399CC}#m_sysinfo a:visited{color:#3399CC}#m_sysinfo{line-height:22px;color:#333333;font-size:14px}#m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial}#m_sysinfo span.date{color:#666666;font-size:14px}#m_setbase{color:#333333;font-size:14px}#m_setbase td{color:#333333;font-size:14px}#m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}#in_comment{width:710px}#in_comment div.tit{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}#in_comment div.user{margin-bottom:6px;color:#333333;font-size:12px}#in_comment div.user a{color:#3399CC;font-size:12px}#in_comment div.user a:visited{color:#3399CC}#in_comment div.user span.date{color:#666666;font-size:12px}#in_comment div.desc{color:#333333;font-size:12px}#in_comment div.line{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}#m_track {color:#333333;font-size:12px}#m_track a{color:#3399CC;font-size:12px}#m_track a:visited{color:#3399CC}#in_send div.tit{margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}#m_search {}#m_search input.text{}#m_search input.radio{}#m_search input.submit{}#in_msg{width:710px}#in_msg div.tit{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}#in_msg .item td.index{width:40px;font-weight:bold}#in_msg .item div.user{width:150px;color:#333333;}#in_msg .item div.user a{color:#3399CC;font-size:12px}#in_msg .item div.user a:visited{color:#3399CC}#in_msg .item div.user img{margin-bottom:5px}#in_msg .item td.cnt a{color:#3399CC;font-size:12px}#in_msg .item td.cnt a:visited{color:#3399CC}#in_msg span.date{color:#666666;font-size:12px}#in_msg div.desc{margin-top:5px;color:#333333;font-size:12px}#in_msg div.line{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}#m_cang div.item{color:#333333;font-size:12px}#m_cang div.item a{color:#3399CC;font-size:12px;text-decoration:none}#m_cang div.item a:visited{color:#3399CC}#m_cang div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
热心网友
时间:2024-03-17 10:50
事实上,如果你的 css只有一句
比如
a:hover{CURSOR: url(http://webme.bokee.com/inc/mouse013.ani)}
那么也会有重叠的效果,也就是,你的css对那些重叠的区域根本没有起任何作用
也就是,你给出的那个css根本没有对这几个区域进行定位
建议修改默认模板达到所要效果
热心网友
时间:2024-03-17 10:50
你最好还是告诉我们你出现问题的那个区域用的CSS代码具体是哪几句,这样的话好帮你分析,你就帖出这么大一堆让人看,谁不头晕啊?
你可以看看我给的这个代码,你运行下看看效果就知道了,主要是position后面的值,一个是relative,一个是absolute
代码:
<style>
#div1,#div2{position:relative;float:left;}
#div3,#div4{left:0;position:absolute;float:left;}
</style>
<div id="div1">正常的文字一</div>
<div id="div2">正常的文字二</div><br>
<div id="div3">被覆盖的文字</div>
<div id="div4">覆盖的文字</div>
热心网友
时间:2024-03-17 10:51
博主代码中的注释都没有扩起来,扰乱了正常解析。这是目前最大的问题。还有,第六行 #header{background:transparent 后面漏了一个右括号。其它的暂时没有发现,不过我的空间目前不能用了。
热心网友
时间:2024-03-17 10:52
你是不是想把别的博客上的CSS代码弄的现在的那个博客上面啊,他的页面大小是不同的,所以会有重叠现象。
当然我的意思并不是说那个代码不是你的。