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個細胞成一排，但它並沒有發生。任何人都可以幫助我嗎？