兼容IE圆角 博客分类: freemarker XHTML
程序员文章站
2024-03-22 20:26:40
...
<div class="listBar"> <div class="left"></div> <div class="middle"> <div class="path"> <a href="${base}/" class="shop"><span class="icon"> </span>首页</a> > <#list pathList as path> <a href="${base}${path.url}">${path.name}</a> > </#list> </div> <div class="total">共计: ${pager.totalCount} 款商品</div> </div> <div class="right"></div> </div>
----------------------------------------------------------
.bodyRight .listBar { height: 29px; clear: both; } .bodyRight .listBar .left { width: 3px; height: 29px; float: left; background: url(../images/goods_bg.gif) 0px -300px no-repeat; } .bodyRight .listBar .middle { width: 774px; height: 29px; float: left; background: url(../images/goods_x_bg.gif) 0px 0px repeat-x; } .bodyRight .listBar .path { float: left; } .bodyRight .listBar .path a { margin: 0px 2px; } .bodyRight .listBar .path .icon { width: 18px; height: 29px; line-height: 29px; display: inline-block; display: -moz-inline-stack; zoom: 1; *display: inline; background: url(../images/goods_bg.gif) -60px -270px no-repeat; } .bodyRight .listBar .total { line-height: 29px; float: right; padding-right: 5px; color: #656d77; } .bodyRight .listBar .right { width: 3px; height: 29px; float: right; background: url(../images/goods_bg.gif) -30px -300px no-repeat; }