让背景图片的大小自动适应DIV大小,兼容主流浏览器,包括Firefox、Chrome以及 IE 等:
.imgDiv{
width:500px;
height:500px;
background-image:url('../images/index.jpg');
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-moz-border-image: url(./btn.png) 0;
background-repeat:no-repeat\9;
background-image:none\9;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg', sizingMethod='scale')\9;
}
分享到:
相关推荐
这是一款CSS3鼠标hover背景图片缩放动画效果。该特效是在鼠标hover背景图片时,将背景图片平滑放大。鼠标离开时,背景图片恢复为原来的大小。
div css完美兼容IE6,IE7,FF的通用方法说明。
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf
DIV+CSS相对IE6、IE7和IE8的兼容问题
CSS实现图片按固定大小等比例缩放,保证大图片按照 比例缩放到合适。
css div缩放效果
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
DIV+CSS_IE-FF兼容 DIV+CSS_IE-FF兼容 DIV+CSS_IE-FF兼容 DIV+CSS_IE-FF兼容
模仿苹果导航条效果,背景图片大小适中适合导航文字宽度
div _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _cssdiv _css
十年积累,div+css 完全兼容 ie6 ie7 IE8 IE9 和firefox方法
这是一个对IE8及以下做前端兼容的文件工具...--对于ie6到ie8做兼容,兼容h5,css3等新特性--> <!--[if (gte IE 6)&(lte IE 8)]> [removed][removed] [removed][removed] [removed][removed] <![endif]-->
DIV+CSS网页中IE和火狐兼容问题的整理
DIV+CSS 兼容性 IE FF 了解个浏览器之间的差异与共同点
解决div+css常见兼容性问题,是你做网页的必备。
DIV+CSS+JS静态分页程序可兼容主流浏览器(IE、FF、Opera) DIV+CSS表格(用DIV+CSS做的表格像素表格) 内容不多但是绝对实用,其实在做数据显示时还是推荐用表格,因为不是所有的地方数据显示有用DIV+CSS,在数据...
一些网站的首页背景图尺寸不随浏览器缩放而变化,例如百度个人版的首页,缩放后背景图的尺寸并不改变: 再比如花瓣网( huaban.com ): 现在用CSS来实现这一效果。 首先需要一张足够大尺寸的图片,上图百度...