首页 > 代码库 > html元素背景样式大小调整
html元素背景样式大小调整
定义元素背景设置 background-size属性cover自适应填充背景,background-size: 100% 100%; background-size: 左右比例 上下比例;
再介绍几个特殊属性:
background-clip :
background-origin :
background-size :背景尺寸。
background-break :
IE兼容background-size添加下面属性
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src=http://www.mamicode.com/‘http://img0.bdstatic.com/img/image/6992fdda3cc7cd98d10273a6b34233fb80e7aec90cc.jpg‘,
sizingMethod=‘scale‘);
——————————————————————————————————————————————————
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>让IE兼容background-size的方法</
title
>
<
style
>
.bgpic {
background-image: url(‘http://img0.bdstatic.com/img/image/6992fdda3cc7cd98d10273a6b34233fb80e7aec90cc.jpg‘);
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src=http://www.mamicode.com/‘http://img0.bdstatic.com/img/image/6992fdda3cc7cd98d10273a6b34233fb80e7aec90cc.jpg‘,
sizingMethod=‘scale‘);
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"bgpic"
style
=
"width:200px;height:100px;"
></
div
>
</
body
>
</
html
>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。