html背景过大,html – CSS – 背景大小：封面太大了

当我尝试使用具有固定位置的background-size：cover属性时,我的图像变得太大,并被裁剪.我希望它与原始图像的大小相同,但我无法弄清楚这一点.我试图保持图像的影响保持原位.#wrapper {

width:100%;

height:580px;

background-image:url('http://www.myorderdesk.com/Providers/206190/Files/31/full_width_image_1.jpg');

background-position: center center;

background-attachment:fixed;

background-repeat: no-repeat;

background-size: 100% 100%;

/*background-size:cover;*/

-webkit-transition: background-image 0.4s;

-moz-transition: background-image 0.4s;

-ms-transition: background-image 0.4s;

-o-transition: background-image 0.4s;

transition: background-image 0.4s;

overflow: hidden;

-webkit-font-smoothing: subpixel-antialiased;

}

这是我的Demo

最佳答案试试这个覆盖：#wrapper {

background-size:contain;

}

html背景过大,html – CSS – 背景大小：封面太大了相关推荐

css中背景颜色用哪个,CSS 背景颜色
颜色背景 CSS中背景颜色由background-color决定,这里的背景颜色会渲染padding和content,不会渲染border和margin部分. 在css3中可以通过background ...
html背景图片压缩显示,css背景图片在浏览器缩小时为什么下面出现了白色的
我来补充一下原因. 首先,我测试了一下,的确存在这个问题. Scale the image, while preserving its intrinsic aspect ratio (if any), ...
div css背景自动渐变色,div+css背景渐变色代码
CSS使背景颜色渐变--柯乐义 .jb_keleyi_com{ height: 300px; width:100px; margin:0px auto; background-image: -moz- ...
html背景颜色透明度hex,CSS背景颜色设置透明度的两种方法（8位hex和rgba）
目录一. 6位HEX转RGBA 二.8位HEX 在写微信小程序的时候,有个需求是按背景颜色 background-color要设透明度0.85,让背景图片 background-image透一点出来 ...
css的背景颜色有哪些,css背景颜色、背景图片，以及列表的多种样式
背景样式 • background-color 设置元素的背景颜色. • background-image 把图像设置为背景. • background-position 设置背景图像的起始位置. • ...
HTML背景图片动画设置,CSS 背景图加载完成后的过渡动画
直接给背景图设置动画效果会出现图片因加载过慢而显示效果不佳的情况,可以通过 JavaScript 来获取图片的加载状态. 下面来实现一个背景图片透明度渐变的效果. 首先来设置要添加背景动画的元素样式 ...
去除div css背景,jQuery-拖动div CSS背景
小编典典好吧,让它起作用.我想我可以解决所有问题了: 最终的jQuery有界限 $(document).ready(function(){ var $bg = $('.bg-img'), elbou ...
html图片背景属性,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
纯色html背景,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...

html背景过大,html – CSS – 背景大小：封面太大了

html背景过大,html – CSS – 背景大小：封面太大了相关推荐

最新文章

热门文章