原帖在:
https://discuz.dismall.com/thread-2218550-1-1.html
下图中上面的空白部分如何才能用顶部图片盖住?而不影响两侧的绿色部分。
演示网址:http://www.tea-sci.com/
昨天 13:02 上传
下载附件 (53.76 KB)
即变成这样的:
昨天 13:04 上传
下载附件 (54.64 KB)
相关代码如下:
绿色的为:
- /*
- [name]绿[/name]
- [iconbgcolor]#419E00[/iconbgcolor]
- Powered by Discuz! X
- */
- html { background: #EDF9EB url(background.png); }
- body { background:url(body_bg.gif) repeat-y scroll center center #00710E; }
- /*上,此处颜色代码为两侧深绿色
- body { background: transparent url(bgimg.jpg) no-repeat 50% 0; }*/
- #nv { background-color: #419E00; background-image: url(nv.png); }
- #nv li, #nv li a:hover, #nv li.hover a, #nv li.hover a:hover { background-image: url(nv_a.png) !important; }
- #nv li.a { background-color: #118300; }
- #qmenu { background-image: url(qmenu.png); }
- #hd {background:transparent url(bgimg.jpg) no-repeat 50% 0;}
- #scbar, #scbar_form, .scbar_icon_td, .scbar_txt_td, .scbar_type_td, .scbar_btn_td { background-image: url(search.png); }
- #scbar { border-color: #CFFECA; }
- .bm_h, .tl th, .tl td { border-bottom-color: #CDCDCD; }
- .fl .bm_h { border-color: #CFFECA; background: #ECFEEA url(titlebg.png) repeat-x 0 0; }
- /* 重定义 {SPECIALBG} */
- .bmn, .bm_h, td.pls, .ad td.plc, div.exfm, .tb a, .tb_h, .ttp li.a a, div.uo a, input#addsubmit_btn, #gh .bm .bm_h, .appnew, .apphot { background-color: #ECFEEA; }
- .ct2_a, .ct3_a { background-image: url(vlineb.png); }
- .tbn li.a { background: #EDF9EB url(background.png); }
- #nv_portal.pg_portalcp .ct2_a_r, #nv_forum.pg_post .ct2_a_r { background-image: none; }
- /* 重定义 {SPECIALBORDER} */
- .bmn, .pg a, .pgb a, .pg strong, .card, .card .o, div.exfm { border-color: #CFFECA; }
- .pg strong { background-color: #CFFECA; }
- .pn, .tb .o, .tb .o a { background-image: url(pn.png); }
- .pnc, a.pnc, .tb .o { border-color: #900; }
- .mi .hover .moodfm_input { background-color: #CBFECA !important; }
- .ad td.pls { background-color: #7DE85C; }
- /* 重定义字体 */
- #qmenu, .fl .bm_h h2 a, .xi1, #um .new, .topnav .new, .sch .new, .el .ec .hot em, .pll .s a.joins { color: #419E00; }
- .pll .s a.go { color: #FDFEFD; }
- .xi2, .xi2 a { color: #000; }
- /* 重定义按钮 */
- .pgs #newspecial, .pgs #newspecialtmp { float: left; background: url(pn_post.png) no-repeat 0 0; }
- #post_reply, #post_replytmp { float: left; background: url(pn_reply.png) no-repeat 0 0; }
- #newspecial img, #newspecialtmp img, #post_reply img, #post_replytmp img { opacity: 0; filter: alpha(opacity=0); }
- .moodfm_btn { background-image: url(mood_input_btn.png) !important; }
- #create_group_btn { display: block; background: url(create_group.png) no-repeat 0 0; }
- #create_group_btn img { opacity: 0; filter: alpha(opacity=0); }
- .el .ec .hot { background-image: url(hotspot.gif); }
- .pll .s { background-image:url(polljoins.gif); }
- /* 重定义 Tab */
- .tb .a a { border-bottom-color: #EDF9EB; background: url(background.png); }
- /* 重定义侧边导航 */
- .bdl, .bdl dt, .bdl dd.bdl_a a { border-color: #CFFECA; background-color: #F8FEF7; }
- .bdl dt { background-image: url(titlebg_sd.png); }
- .bdl dd.bdl_a a { color: #419E00; }
- /* 重定义下拉菜单 */
- .p_pop a { border-bottom-color: #ECFEEA; }
- .p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color: #ECFEEA; color: #419E00; }
- .blk a:hover { background-color: transparent; }
- /* 重定义好友列表 */
- #nv_home .buddy li { background-color: transparent; border: none; }
复制代码
红色的为:
- /*
- [name]红[/name]
- [iconbgcolor]#BA350F[/iconbgcolor]
- Powered by Discuz! X
- */
- html { background: #FAF6ED url(background.png); }
- body { background: transparent url(bgimg.jpg) no-repeat 50% 0; }
- #nv { background-color: #BA350F; background-image: url(nv.png); }
- #nv li, #nv li a:hover, #nv li.hover a, #nv li.hover a:hover { background-image: url(nv_a.png) !important; }
- #nv li.a { background-color: #840000; }
- #qmenu { background-image: url(qmenu.png); }
- #scbar, #scbar_form, .scbar_icon_td, .scbar_txt_td, .scbar_type_td, .scbar_btn_td { background-image: url(search.png); }
- #scbar { border-color: #FCC; }
- .bm_h, .tl th, .tl td { border-bottom-color: #CDCDCD; }
- .fl .bm_h { border-color: #FCC; background: #FFECEC url(titlebg.png) repeat-x 0 0; }
- /* 重定义 {SPECIALBG} */
- .bmn, .bm_h, td.pls, .ad td.plc, div.exfm, .tb a, .tb_h, .ttp li.a a, div.uo a, input#addsubmit_btn, #gh .bm .bm_h, .appnew, .apphot { background-color: #FFECEC; }
- .ct2_a, .ct3_a { background-image: url(vlineb.png); }
- .tbn li.a { background: #FAF6ED url(background.png); }
- #nv_portal.pg_portalcp .ct2_a_r, #nv_forum.pg_post .ct2_a_r { background-image: none; }
- /* 重定义 {SPECIALBORDER} */
- .bmn, .pg a, .pgb a, .pg strong, .card, .card .o, div.exfm { border-color: #FCC; }
- .pg strong { background-color: #FCC; }
- .pn, .tb .o, .tb .o a { background-image: url(pn.png); }
- .pnc, a.pnc, .tb .o { border-color: #900; }
- .mi .hover .moodfm_input { background-color: #FCC !important; }
- .ad td.pls { background-color: #FCC; }
- /* 重定义字体 */
- #qmenu, .fl .bm_h h2 a, .xi1, #um .new, .topnav .new, .sch .new, .el .ec .hot em, .pll .s a.joins { color: #BA350F; }
- .pll .s a.go { color: #FFF; }
- .xi2, .xi2 a { color: #000; }
- /* 重定义按钮 */
- .pgs #newspecial, .pgs #newspecialtmp { float: left; background: url(pn_post.png) no-repeat 0 0; }
- #post_reply, #post_replytmp { float: left; background: url(pn_reply.png) no-repeat 0 0; }
- #newspecial img, #newspecialtmp img, #post_reply img, #post_replytmp img { opacity: 0; filter: alpha(opacity=0); }
- .moodfm_btn { background-image: url(mood_input_btn.png) !important; }
- #create_group_btn { display: block; background: url(create_group.png) no-repeat 0 0; }
- #create_group_btn img { opacity: 0; filter: alpha(opacity=0); }
- .el .ec .hot { background-image: url(hotspot.gif); }
- .pll .s { background-image:url(polljoins.gif); }
- /* 重定义 Tab */
- .tb .a a { border-bottom-color: #FAF6ED; background: url(background.png); }
- /* 重定义侧边导航 */
- .bdl, .bdl dt, .bdl dd.bdl_a a { border-color: #FCC; background-color: #FFF9F9; }
- .bdl dt { background-image: url(titlebg_sd.png); }
- .bdl dd.bdl_a a { color: #BA350F; }
- /* 重定义下拉菜单 */
- .p_pop a { border-bottom-color: #FFECEC; }
- .p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color: #FFECEC; color: #BA350F; }
- .blk a:hover { background-color: transparent; }
- /* 重定义好友列表 */
- #nv_home .buddy li { background-color: transparent; border: none; }
复制代码
请帮助解决,另外,能否帮助解决绿色宽版的背景混乱问题?
谢谢!
演示网址:http://www.tea-sci.com/
|