background-size

0熱度

4回答

因此，我希望在瀏覽器高度等於瀏覽器寬度的2/3時更改背景大小。這是我嘗試過的代碼，我無法讓它工作。 <body id="body" onresize="BG_resize()"> <script> function BG_resize() { var w = window.innerWidth; var h = window.innerHeight;

0熱度

1回答

CSS-IE9問題與線性漸變（svg生成）的背景圖像不能正確重複

我試圖尋找在這個特定問題的網絡上的答案，但老實說，並不真正知道這裏發生了什麼。我已經創建了一個小提琴here，如果您想玩耍，可以顯示情況。下面是在Chrome，Firefox和IE10 + HTML代碼 CSS代碼 .low { width: 113px; height: 14px; background-color: red; background-i

0熱度

1回答

爲什麼背景大小上的CSS轉換不起作用？

演示： [http://everythinghomegrown.com/]（看定製自己部分與四張蝙蝠俠圖片）出於某種原因，背景大小的未轉換。相反，它會從一種尺寸跳到另一種尺寸，而沒有平滑過渡。 div { background-size: 100%; transition: all 0.2s ease; } div:hover, div:focus { bac

0熱度

2回答

如何製作橫幅響應和規模適當 - 不使用背景屬性

有沒有一種辦法可以讓一個橫幅響應和圖像比例properly..ie高度保持相同的具有以下結構 <div class="banner"> <img src="/img/banner1.png" alt="Banner"> </div> 我用css知道我們可以爲班級橫幅製作圖像背景圖像。但有沒有可能產生上述結構的效果： background-position, background-s

1熱度

1回答

CSS失敗 - 背景位置，背景重複，背景大小，背景附件

當我把下列一個div主body，這個工程： <div style="display: block; width:100%; height: 100%; min-height: 100vh; background-color: #FFFFFF; background: url(./images/pic.jpg); background-position: center; background-rep

0熱度

1回答

背景圖像拉伸到適合超出視口

我有一個頁面，我想要一個全屏幕背景圖像。這可以正常工作，當身體適合在視口內，我有HTML {高度：100％; }和body {min-height：100％; padding-top：70px; ... background-size：cover; }（頂部填充用於頁眉）。當頁面變得比視口大時，就會出現問題。身體伸展到正確的高度，但背景附件永遠不會大於視口的大小。這裏是一個示例小提琴[https:

1熱度

1回答

Mailchimp背景大小的封面

我試圖以許多不同的方式製作背景圖片封面，但Mailchimp似乎刪除了這段代碼。關於如何使這項工作的任何方法。乾杯，邁克爾

0熱度

1回答

CSS - 背景大小包含或正常

我想找到一種方法來獲得div中包含的背景圖像，如果它大於div（background-size：contains;）並且圖像小於div ，保持它，因爲它是不拉伸和模糊它（背景大小：自動;）有沒有什麼辦法做到這一點？我沒有從長遠來看，圖像的控制，因爲它是一個WordPress網站（所以圖像也必然發生變化，而不會由程序員通過）

2熱度

2回答

在Flexbox佈局中製作圖像+容器高度不超過100vh單位

我正在製作一個典型的移動應用展示單頁，並且我無法使應用截圖示例適合裝有智能手機的容器大綱背景，然後讓它們中的2個不超過視口高度（我正在處理的特定部分的高度爲100vh）。解釋的圖像，這就是我所追求的：一直在努力的事情終日不能似乎能夠解決它。我明白我的問題在於截圖容器和img的某處。由於這是flexbox，並且父級將其子級放在一行中，所以img容器佔用寬度的50％，並且由於它具有背景大小：包含集

0熱度

1回答

背景覆蓋屬性不能按預期工作

我製作了一個背景圖片,1366px寬和768px高，我想用作我的website的主頁的背景。我使用FullPage插件將網站的每個頁面分爲多個部分。這是主頁，所以我只使用第一部分。什麼我試過到目前爲止是加入這個CSS代碼到我的主網頁的#first部分： #first{ width: 500px; height: 500px; background-imag