欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

兼容IE圆角

程序员文章站 2022-04-06 08:22:06
...
<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;
}
相关标签: XHTML