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