求助，为什么会有这几种效果

求解，如何才能实现后台输出效果图和dw直接转浏览器的效果图一样（盖住部分为文字）

网站后台输出效果图

浏览器网页效果图

dw设计效果

dw实时视图效果图

代码结构

<div id="content_bg">
<div id="congtent">
<div class="content_left">
  <div id="xyyw_bg">
    <ul>
      <li><a href="#">校园要闻</a></li>
      <li><a href="#">部门动态</a></li>
      <li><a href="#">媒体聚焦</a></li>
    </ul>
  </div>
  <div id="xyyw_content">
    <ul>
      <li><a href="#"><span class="content_l_a">   {$=itransfer('top', '1', 'topx=6;tnum=50;genre=xwzx;class=6')} </span>   <span class="content_l_a2">2021-04-27</span></a></li>
    </ul>
  </div>
</div>
<div class="content_right">
  <div id="xytz_bg">
    <ul>
      <li><a href="#">校园通知</a></li>
      <li><a href="#">公示公告</a></li>
      <li><a href="#">采购信息</a></li>
      <li><a href="#">人才招聘</a></li>

    </ul>
    
    
    
    
    
    
    
    
    
  </div>
  <div id="xytz_content1">
    <ul>
      <li><a href="#"><span class="content_l_a"> 关于2021年“五一”节放假安排的通知</span>                          <span class="content_l_a2">2021-04-18</span></a></li>
      <li><a href="#"><span class="content_l_a"> 关于校车运行时间更新的通知</span>                                <span class="content_l_a2">2021-04-12</span></a></li>
      <li><a href="#"><span class="content_l_a"> 关于开展校歌征集活动的通知</span>                                <span class="content_l_a2">2021-04-01</span></a></li>
      <li><a href="#"><span class="content_l_a"> 关于办理2021年小儿统筹医疗证的通知</span>                         <span class="content_l_a2">2020-11-13</span></a></li>
      <li><a href="#"><span class="content_l_a"> xxxxxxxx2020年年度信息公开工作报告</span>            <span class="content_l_a2">2020-10-30</span></a></li>
      <li><a href="#"><span class="content_l_a"> 2020年“端午节”期间校车行驶时间安排</span>                         <span class="content_l_a2">2020-10-30</span></a></li>
    </ul>
  </div>
</div>
</div>
<!--content结束-->

应用到的css样式

#all #content_bg {
	background-image: url(../images/content_bg_03.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 1900px;
}
#all #content_bg #congtent {
	height: 252px;
	width: 1280px;
	margin-right: 310px;
	margin-left: 310px;
	padding-top: 15px;
}
#all #content_bg #congtent .content_left {
	height: 252px;
	width: 615px;
	float: left;
}
#all #content_bg #congtent .content_left #xyyw_bg {
	background-image: url(../images/xyyw_bg_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 63px;
	width: 615px;
}

#all #content_bg #congtent .content_left #xyyw_bg ul li a:hover {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 47px;
	text-align: center;
	display: block;
	height: 47px;
	width: 95px;
	color: #000;
	text-decoration: none;
	background-image: url(../images/xyyw_hover_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#all #content_bg #congtent .content_left #xyyw_bg ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#all #content_bg #congtent .content_left #xyyw_bg ul li {
	float: left;
}
#all #content_bg #congtent .content_left #xyyw_bg ul li a {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 47px;
	text-align: center;
	display: block;
	height: 47px;
	width: 95px;
	color: #FFF;
	text-decoration: none;
}
#all #content_bg #congtent .content_left #xyyw_content {
	margin: 0px;
	padding: 0px;
	height: 170px;
	width: 615px;
}

#all #content_bg #congtent .content_left #xyyw_bg ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}

#all #content_bg #congtent .content_right #xyyw_content1 {
	margin: 0px;
	padding: 0px;
	height: 170px;
	width: 615px;
}
#all #content_bg #congtent .content_left #xyyw_content ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	height: 170px;
	line-height: 24px;
}




#all #content_bg #congtent .content_left #xyyw_bg ul li a:hover {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 47px;
	text-align: center;
	display: block;
	height: 47px;
	width: 95px;
	color: #000;
	text-decoration: none;
	background-image: url(../images/xyyw_hover_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.content_l_a {
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 435px;
	float: left;
}
#all #content_bg #congtent .content_left #xyyw_content ul li a {
	font-family: "宋体";
	font-size: 14px;
	line-height: 24px;
	color: #000;
	text-decoration: none;
	height: 24px;
	width: 585px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	text-align: left;
	display: block;
	float: left;
}

.content_l_a2 {
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 150px;
	text-align: left;
	font-family: "宋体";
	font-size: 14px;
	line-height: 24px;
	color: #000;
	text-decoration: none;
	float: left;
	display: block;
	list-style-type: none;
}
#all #content_bg #congtent .content_right {
	height: 252px;
	width: 665px;
	float: left;
}
#all #content_bg #congtent .content_right #xytz_bg {
	background-image: url(../images/xytz_bg_08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 63px;
	width: 615px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
}
#all #content_bg #congtent .content_right #xytz_bg ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#all #content_bg #congtent .content_right #xytz_bg ul li {
	float: left;
}
#all #content_bg #congtent .content_right #xytz_bg ul li a {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 47px;
	text-align: center;
	display: block;
	height: 47px;
	width: 95px;
	color: #FFF;
	text-decoration: none;
}
#all #content_bg #congtent .content_right #xytz_content1 {
	margin: 0px;
	padding: 0px;
	height: 170px;
}
#all #content_bg #congtent .content_right #xytz_content ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	float: left;
	list-style-type: none;
}




#all #content_bg #congtent .content_right #xytz_bg ul li a:hover {
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 47px;
	text-align: center;
	display: block;
	height: 47px;
	width: 95px;
	color: #000;
	text-decoration: none;
	background-image: url(../images/xytz_hover_08.jpg);
	background-repeat: no-repeat;
	background-position: left top;

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
SSS4362 2023-02-10 13:13
关注
建议用谷歌浏览器调试，以他上面为准较好吧

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

求助求助，这几个getchar分别有什么含义啊 c语言有问必答
2021-10-28 19:51

回答 2 已采纳 getchar用来获取一个字符。在不同的位置作用不一样，在第7行的时候，就是从键盘读取一个字符，在8-9行的时候判断，输入的字符是不是数字字符，当输入的字符是数字字符时，结束循环。第11-13行的代码
请教前端大神，这个为什么不显示啊前端
2017-08-15 03:34

回答 6 已采纳 ``` 发送记录 ``` a标签，，超链接，，只能说是访问一下当然你做点击事件的话，，可以提交，，，js写点击事件。
求助大神这个为什么出错了 c语言有问必答
2021-06-11 19:42

回答 3 已采纳 c 的不同编译器容错处理程度不一样使用strcmp()函数正常是要引入#include<string.h> 有的编译器容错处理会在你没有引入#include<string.h&
2023年总结的web前端学习路线分享（学习导读）
2023-03-06 18:43

亦世凡华、的博客以上是博主自学一年前端总结的一些...近几年由于培训机构输出大量的程序员，导致现在前端有一点饱和，人数的众多导致企业对人才的要求也提高了，如果你想从事前端，建议早最准备学习多项技术才能让自己不被淘汰下去。
为什么会RE，小白求助？？ c++
2020-06-20 20:28

回答 1 已采纳数组下越界：RE cin>>x>>y; 添加x=x+2;y=y+2；再赋值。输出时候 for (int i = 3; i <= n+2; i++) {
【求助】JS为什么会出现这种情况？ css html5 javascript 前端
2017-10-28 03:59

回答 4 已采纳 links[0].onclick=myclick; 和links[0].onclick=myclick()；这个是有区别的， links[0].onclick=myclick; 是将按钮绑定一个点击
求助这个为什么运行不了啊？ c语言
2021-01-13 15:56

回答 3 已采纳第十三行t / 60前面逗号写成中文的了
为什么整个互联网行业都缺前端工程师？
2019-07-18 21:59

IT新时代的博客每天，HR 群都有人在吐槽招不到前端工程师。实话说对这些需求，招聘体验师们也无能为力，因为在供不应求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。放眼全球，不仅在国内的互联网行业，在国外，前端...
小白求助为什么这行代码会符号错误？（python） python
2019-12-02 14:17

回答 1 已采纳 31行str函数缺少后括号 # 问题解决请点一个采纳
求助关于前端如何实现多个空心圆有交集的部分border隐藏起来 css 有问必答
2021-05-08 17:23

回答 6 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
为什么会不对，小白求助（vbs）？？开发语言
2020-08-10 20:55

回答 1 已采纳 SAPI.SpVoice这个库是否存在，是否支持中文建议使用微软的 TTS，那个可以支持中文。
2024前端面试题！（附答案及解析）（2024.4月最新版）
2023-03-27 14:44

Komorebi ঞ꧔ꦿ的博客 2024前端面试题！面试宝典！总结心得！（附答案及解析）会持续更新哦！（2024.4月最新版）
为什么web前端工程师的招聘越来越多
2020-12-22 09:18

重庆千锋的博客每天，HR 群都有人在吐槽招不到前端工程师。实话说对这些需求，高级招聘人员也无能为力，因为在供不应求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。不仅在国内的互联网行业，在国外，前端工程师一样...
前端进阶方向
2022-02-22 11:44

saas软件销售顾问的博客一、服务端技术对于服务端技术的话，有很多的...这是不是一种悲剧。所以说服务端技术可能在你的初期对你帮助不大，但是当你在技术领域越来越深入的时候，它是必不可少的内容。目前针对于前端工程师的服务端技
自学前端，学到什么程度就可以找工作了？
2020-08-15 12:37

峰华前端工程师的博客目录个人目标大厂创业公司公司要求技术能力基础框架软技能沟通能力STAR 框架原理...那么接下来，我们从这几个方面来分析一下，前端工程师找工作的必要条件。个人目标现在我们的教育并没有太着重于个人目标和职业规
大白话解释前端的引擎、合批和shader等概念
2023-02-19 19:32

natsusao的博客比如只知道小图片打成图集有利于优化，却不知道为什么。其实抛开比较具体的技术细节，这个过程是可以用比较纯逻辑的流程来描述的。这样的描述可能在专业的前端眼里看来很浅显，但对没有长时间前端经验却有程序经验的...
来吧！一文写清前端面试难点及考点
2021-07-28 20:47

李不要熬夜的博客搭配这两篇看面试效果更好哦~ 285页解析百度、阿里、腾讯前端面试题，通关秘籍请收好！分享三个前端学习方法、十项前端面试笔记：养精蓄锐，为想去的公司努力一把怎么准备前端面试面试总结下来以下四点：一基础...
【前端面试题】web前端面试全流程模拟（一面技术面）
2022-03-23 23:35

迪士尼在逃程序猿的博客前端面试模拟大全，包含vue，JS，CSS，HTTP协议等知识
没有解决我的问题, 去提问

悬赏问题

¥15 素材场景中光线烘焙后灯光失效
¥15 请教一下各位，为什么我这个没有实现模拟点击
¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记
¥15 保护模式-系统加载-段寄存器

求助，为什么会有这几种效果

1条回答 默认 最新

悬赏问题

1条回答默认最新