2015做导航网站,南京比较好的网络策划公司,seo 网站关键词,找学校的网站很简单的#xff0c;嗯#xff0c;就是要做成这样的#xff1a;用CSS#xff0c;当然得用层了#xff0c;就是在图片上再加一个层#xff0c;用来放那个按钮#xff0c;按钮又有两种方式可以放#xff0c;一种是直接用图片img标签#xff0c;一种是通过背景图片放上去…很简单的嗯就是要做成这样的用CSS当然得用层了就是在图片上再加一个层用来放那个按钮按钮又有两种方式可以放一种是直接用图片img标签一种是通过背景图片放上去。这里我们就用背景图片这个方式来做吧首先准备这样两张图片宽19px高32px宽120px高90px我们想想底部要放图片上面要放一个按钮貌似需要用到绝对定位那我们需要为图片再定义一个div样式用来放图片和这个按钮我们可以这样写.expdiv{padding:4px;width:120px;border:1px solid #c8c8c8;}剩下的就是关键的把按钮放上去在这里按钮是一个链接我们可以设置链接的显示方式为block并设置其z-index值为2(只要比0大都可以)设置其宽高分别为19px和16px(我们只需要显示按钮图片的一半就可以了)那代码可以这么写.expbtn{position:absolute;z-index:2;margin:72px 0px 0px 99px;}.expbtn a{display:block;width:19px;height:16px;background:#fff;background:url(../images/btn_playbg.gif);}.expbtn a:hover{background:url(../images/btn_playbg.gif) left -16px;}那么在网页中的代码就该这么写了OK就这样试试吧嗯
