`
qinya06
  • 浏览: 595037 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

兼容IE圆角

阅读更多
<div class="listBar">
					<div class="left"></div>
					<div class="middle">
						<div class="path">
							<a href="${base}/" class="shop"><span class="icon">&nbsp;</span>首页</a> &gt;
							<#list pathList as path>
								<a href="${base}${path.url}">${path.name}</a> &gt;
							</#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圆角)

    兼容IE8圆角问题(可以让IE使用css3圆角)

    DIV+CSS IE圆角

    文件名`iecss3`可能包含的是一个解决IE圆角问题的CSS3兼容库或者是一些示例代码,它可能通过CSS滤镜或者其他技术帮助开发者在IE浏览器上实现圆角效果。使用这类资源可以帮助开发者节省时间并确保在不同浏览器中的...

    CSS3实现圆角阴影渐变效果兼容IE等浏览器

    本文将深入探讨如何利用CSS3实现圆角、阴影和渐变效果,并确保这些效果在包括IE在内的主流浏览器中都能得到良好的兼容性。 首先,我们来讨论CSS3的圆角效果。在CSS3之前,为了实现圆角,开发者通常需要使用大量的...

    div圆角兼容ie8

    在网页设计中,"div圆角兼容ie8"是一个关键的话题,涉及到CSS3中的圆角属性在老版本Internet Explorer(尤其是IE8)上的兼容性问题。IE8是微软推出的一个较为古老的浏览器版本,它并不完全支持CSS3的新特性,比如...

    ie完美兼容css3圆角

    总结,要解决IE6、IE7、IE8对CSS3圆角的兼容性问题,可以采用如CSS3 PIE这样的JavaScript库,或使用图片背景和VML等替代方案。无论选择哪种方法,都需要进行充分的测试和优化,以确保在提供美观的视觉效果的同时,...

    css3兼容圆角

    随着现代浏览器的普及,许多开发者已经不再使用`.htc`文件来处理IE8的兼容性问题,而是选择渐进增强或优雅降级的策略,即在不支持CSS3的浏览器中提供一个没有圆角的备用设计。另外,也可以使用CSS3条件注释(如`&lt;!--...

    让IE6、IE7、IE8支持CSS3的圆角、阴影样式

    在早期的Internet Explorer浏览器,即IE6、IE7和IE8,它们并不支持CSS3的一些新特性,如圆角和阴影效果。这些特性在现代浏览器中已经非常常见,可以为网页设计提供更丰富的视觉体验。为了让这些老版本的IE浏览器也能...

    IE6等各种浏览器兼容圆角

    然而,早期的浏览器,尤其是Internet Explorer(IE)6,对CSS3新特性的支持并不完善,这给实现圆角带来了一定的挑战。本篇文章将详细讲解如何在IE6以及其它版本的浏览器中实现圆角效果。 首先,我们来看一下CSS3中...

    css3圆角兼容火狐、IE和webkit

    本文将详细探讨如何实现CSS3圆角在火狐(Firefox)、Internet Explorer(IE)以及基于WebKit内核的浏览器(如Chrome和Safari)中的兼容性。 1. **火狐浏览器(Firefox)兼容性** 火狐从Firefox 3.6版本开始支持CSS...

    圆角兼容所有浏览器方法

    ### 圆角兼容所有浏览器的方法 #### 一、引言 在网页设计中,圆角是一种常见的视觉效果,能够使页面看起来更加柔和美观。然而,不同的浏览器对于圆角的支持程度存在差异,这使得开发者需要采取一定的策略来确保...

    解决IE不兼容css3圆角和阴影问题

    本文将深入探讨如何解决IE浏览器对CSS3圆角和阴影的不兼容性问题。 首先,我们来理解CSS3中的圆角和阴影特性。圆角可以通过`border-radius`属性实现,它允许我们将直角边框转变为平滑的曲线边缘,为元素添加更为...

    ie js实现圆角

    在网页设计中,实现圆角效果是常见的需求,但在早期的IE浏览器中,由于CSS3标准的支持不足,单纯使用CSS无法很好地实现这一效果。本文将详细介绍如何使用JavaScript(包括jQuery库)来解决IE浏览器的圆角问题。 ...

    CSS3完美支持IE圆角阴影样式.zip

    总的来说,CSS3的圆角和阴影效果极大地提升了网页设计的美观度,而jQuery等JavaScript库则帮助我们在不支持这些新特性的老版本IE浏览器上实现了兼容。通过合理的代码编写和适当的插件应用,我们可以确保即使在较旧的...

    css3 支持ie8以下圆角

    在标题"css3 支持ie8以下圆角"和描述"DIVCSS5圆角实例,CSS3版本圆角实例,支持低版本IE6-IE9浏览器"中,我们关注的关键知识点是CSS3的圆角边框以及如何在早期的Internet Explorer浏览器(IE6到IE9)中实现兼容性。...

    让IE兼容css3圆角

    如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。  本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得...

    圆角图片js corner.js 支持IE9

    总之,"corner.js"是一个专为实现圆角图片效果而设计的JavaScript库,尤其适用于需要兼容IE9及以下版本的项目。通过引入此库,开发者可以轻松地为图片添加圆角效果,提升网页的视觉表现。随着技术的进步,虽然CSS3的...

    兼容所有浏览器的CSS3圆角

    前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safari、Firefox和Chrome等浏览器原生支持,但是由于某些原因IE并不支持...

    border-radius兼容ie78

    在描述中提到的“css3的border-radius 为了兼容ie8浏览器所用到的插件以及实例”,指的是使用CSS3 Pie插件来使IE7和IE8支持`border-radius`。要使用CSS3 Pie,你需要在HTML文档中引入Pie.js文件,并在需要应用`...

    解决IE浏览器图片圆角

    在互联网的早期,由于浏览器兼容性问题,开发者经常面临各种挑战,其中之一就是在IE6到IE8这些较旧版本的浏览器中实现图片的圆角效果。标题"解决IE浏览器图片圆角"指向的就是这个历史问题以及如何克服它。在这个时代...

    兼容IE的C3

    "兼容IE的C3"是一个解决此类问题的技术方案,旨在使IE浏览器能够支持CSS3的一些关键属性,如圆角、渐变和阴影等,从而提供与现代浏览器接近的用户体验。 首先,让我们详细了解一下CSS3中的这些关键特性: 1. **...

Global site tag (gtag.js) - Google Analytics