background-size

0热度

1回答

我想知道是否可以放大div的百分比及其内容？游戏我建立是基于像素的，所以我不能使用gameContainer（背景图像也将需要扩展）这里是我想要达到一个演示中的百分比http://codepen.io/friendlygiraffe/pen/MKwjNE <div id="gameContainer"> <div id="scene2"> <div id="box1"></div

1热度

1回答

使用slick.js旋转木马和懒加载程序来显示全屏图像旋转木马

我使用slick.js旋转木马以及内置的延迟加载功能来显示全屏图像库。我遇到的一个问题是，懒惰的加载程序只能使用img标签显示，所以我无法应用background-size：cover，并且我不想通过使用js插件使其变成全屏来矫正它。有没有人有任何想法？

1热度

1回答

背景大小：包含;高度不能正确缩放

我想保留一个图像，而背景图像可在浏览器中进行缩放。当我使用高度：XXXpx;它不会正确缩放。我也尝试使用百分比作为高度。 .cbp-fwslider ul li > a img { border: none; display: block; margin: 0 auto; width: 100%; } .big-o { position:

1热度

2回答

用jquery更改背景大小

我想要将图像的背景大小更改为用户所需的宽度和高度。我有一个形式，其中用户可以输入正确的宽度和高度 <input type="text" class="form-control input-width input-px" maxlength="2" name="width">PX breed <input type="text" class="form-control input-hei

0热度

3回答

背景图像不适合在屏幕宽度

我已经设置了我的背景图像（1280 x 853），并且不适合屏幕。我该如何解决这个问题？ body { background-image: url("/assets/pic.jpg"); }

0热度

1回答

背景大小和背景重复如何工作？

这是example。我想裁剪背景图像，然后使用裁剪后的图像作为更大（大小）元素的背景。我的意思是div比背景更大，我不需要重复。现在当background-repeat未注释时，元素消失。但我认为它会显示出不重复的背景。 #div { background-image: url(http://dummyimage.com/600x400/000/fff); paddi

0热度

1回答

背景大小：包含不同的屏幕

如何显示背景图像，以便无论设备屏幕是什么，都能显示图像的相同部分？我当前的代码： body {background:url('https://dl.dropboxusercontent.com/s/k2o673ydhy7tmcu/background-img.jpg');background-size:contain;background-position:center center;backg

1热度

1回答

如何缩放背景图像以覆盖，乘以额外的比例因子？

我有一个背景图片，我想用这个元素来覆盖，使用background-size: cover;但是，我也想在两个方向上将它缩小110％，超出cover所做的，这样我就可以随后移动它与background-position。换句话说，我想background-size: cover对待周围的div，就好像它在两个方向上都增大了110％。有没有一种方法可以纯粹在CSS中完成此操作？如果我理解正确的话

3热度

1回答

background-size：在更改浏览器大小时包含太多空格

如果我正在使用background-size:contain;，如何在浏览器大小更改时消除空格？使用较小的浏览器尺寸时，图像和文本之间的空白太多了。网站是：http://16debut.com/test.html CSS是： body { margin:0px 0px; } #hero { background-clip: content-box; backg

1热度

2回答

背景大小与背景重复计数明显偏差

我已经创建了方形图像，并将其用作div的重复背景图像。 https://jsfiddle.net/cethbqog/2/ 我应用了它： background-size: 5% auto; 而且我认为这将是20个细胞成一排，但它并没有发生。任何人都可以帮助我吗？