<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;
}
分享到:
相关推荐
兼容IE8圆角问题(可以让IE使用css3圆角)
文件名`iecss3`可能包含的是一个解决IE圆角问题的CSS3兼容库或者是一些示例代码,它可能通过CSS滤镜或者其他技术帮助开发者在IE浏览器上实现圆角效果。使用这类资源可以帮助开发者节省时间并确保在不同浏览器中的...
本文将深入探讨如何利用CSS3实现圆角、阴影和渐变效果,并确保这些效果在包括IE在内的主流浏览器中都能得到良好的兼容性。 首先,我们来讨论CSS3的圆角效果。在CSS3之前,为了实现圆角,开发者通常需要使用大量的...
在网页设计中,"div圆角兼容ie8"是一个关键的话题,涉及到CSS3中的圆角属性在老版本Internet Explorer(尤其是IE8)上的兼容性问题。IE8是微软推出的一个较为古老的浏览器版本,它并不完全支持CSS3的新特性,比如...
总结,要解决IE6、IE7、IE8对CSS3圆角的兼容性问题,可以采用如CSS3 PIE这样的JavaScript库,或使用图片背景和VML等替代方案。无论选择哪种方法,都需要进行充分的测试和优化,以确保在提供美观的视觉效果的同时,...
随着现代浏览器的普及,许多开发者已经不再使用`.htc`文件来处理IE8的兼容性问题,而是选择渐进增强或优雅降级的策略,即在不支持CSS3的浏览器中提供一个没有圆角的备用设计。另外,也可以使用CSS3条件注释(如`<!--...
在早期的Internet Explorer浏览器,即IE6、IE7和IE8,它们并不支持CSS3的一些新特性,如圆角和阴影效果。这些特性在现代浏览器中已经非常常见,可以为网页设计提供更丰富的视觉体验。为了让这些老版本的IE浏览器也能...
然而,早期的浏览器,尤其是Internet Explorer(IE)6,对CSS3新特性的支持并不完善,这给实现圆角带来了一定的挑战。本篇文章将详细讲解如何在IE6以及其它版本的浏览器中实现圆角效果。 首先,我们来看一下CSS3中...
本文将详细探讨如何实现CSS3圆角在火狐(Firefox)、Internet Explorer(IE)以及基于WebKit内核的浏览器(如Chrome和Safari)中的兼容性。 1. **火狐浏览器(Firefox)兼容性** 火狐从Firefox 3.6版本开始支持CSS...
### 圆角兼容所有浏览器的方法 #### 一、引言 在网页设计中,圆角是一种常见的视觉效果,能够使页面看起来更加柔和美观。然而,不同的浏览器对于圆角的支持程度存在差异,这使得开发者需要采取一定的策略来确保...
本文将深入探讨如何解决IE浏览器对CSS3圆角和阴影的不兼容性问题。 首先,我们来理解CSS3中的圆角和阴影特性。圆角可以通过`border-radius`属性实现,它允许我们将直角边框转变为平滑的曲线边缘,为元素添加更为...
在网页设计中,实现圆角效果是常见的需求,但在早期的IE浏览器中,由于CSS3标准的支持不足,单纯使用CSS无法很好地实现这一效果。本文将详细介绍如何使用JavaScript(包括jQuery库)来解决IE浏览器的圆角问题。 ...
总的来说,CSS3的圆角和阴影效果极大地提升了网页设计的美观度,而jQuery等JavaScript库则帮助我们在不支持这些新特性的老版本IE浏览器上实现了兼容。通过合理的代码编写和适当的插件应用,我们可以确保即使在较旧的...
在标题"css3 支持ie8以下圆角"和描述"DIVCSS5圆角实例,CSS3版本圆角实例,支持低版本IE6-IE9浏览器"中,我们关注的关键知识点是CSS3的圆角边框以及如何在早期的Internet Explorer浏览器(IE6到IE9)中实现兼容性。...
如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。 本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得...
总之,"corner.js"是一个专为实现圆角图片效果而设计的JavaScript库,尤其适用于需要兼容IE9及以下版本的项目。通过引入此库,开发者可以轻松地为图片添加圆角效果,提升网页的视觉表现。随着技术的进步,虽然CSS3的...
前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原生支持,但是由于某些原因IE并不支持...
在描述中提到的“css3的border-radius 为了兼容ie8浏览器所用到的插件以及实例”,指的是使用CSS3 Pie插件来使IE7和IE8支持`border-radius`。要使用CSS3 Pie,你需要在HTML文档中引入Pie.js文件,并在需要应用`...
在互联网的早期,由于浏览器兼容性问题,开发者经常面临各种挑战,其中之一就是在IE6到IE8这些较旧版本的浏览器中实现图片的圆角效果。标题"解决IE浏览器图片圆角"指向的就是这个历史问题以及如何克服它。在这个时代...
"兼容IE的C3"是一个解决此类问题的技术方案,旨在使IE浏览器能够支持CSS3的一些关键属性,如圆角、渐变和阴影等,从而提供与现代浏览器接近的用户体验。 首先,让我们详细了解一下CSS3中的这些关键特性: 1. **...