background-size

1热度

1回答

我有一个带有背景渐变的响应式圆形div（使用％width，0 height，％padding-bottom和50％border radius）。如果背景大小被改变，他们不匹配的WebKit /火狐背景大小的100％/自动它们都匹配预期：但是当我设置背景大小等尺寸不同（自动显示200％图像）。 Safari和Chrome按预期显示图像，但Firefox不。的Webkit：火狐：如果我设置的

2热度

1回答

将图像附加到页面的顶部，img无滚动，正文元素

我有以下问题。我认为，有一个快速的方法来做到这一点，但现在我找不到解决问题的方法。所以，我有一个图像，我希望它作为背景图像只在<body>元素的页面顶部。目前，如果向下滚动，它将移动到页面的底部。我有folllowing代码： body { color: #d0d0d0; font-family: Verdana, Tahoma, sans-serif; font

0热度

2回答

背景附件：固定不工作在Safari

我已经得到了跨越浏览器的100％的元素上运行下面的代码： #section_white { background-attachment:fixed; background-image:url(image_url_here.jpg); background-position:100% 100%; background-repeat:no-repeat no-r

0热度

2回答

IE11不支持背景大小的比例

我想在后台.jpeg图自动缩放到DIV（lineholder）的高度，而不管子DIV的数量（链接持有者） - 和在相同的时间有一些文本在父DIV内垂直对齐。该代码在Chrome和Firefox中全部工作 - 但IE11完全忽略了背景大小。我的HTML标记看起来是这样的： <div id="active-container" class="ac1"> <div id="lineholder"

0热度

1回答

CSS：在响应式导航栏中作出响应和缩放的背景图片链接

为客户端制作一个parallax WordPress网站，我有一个导航栏，每个链接都有一个用于背景图片的精灵。您可以在这里看到七个链接导航栏（http://www.aishla.com/blog/2014/my-aish-test/）。现在它在桌面上看起来不错，但我想让这些图像响应。换句话说，随着设计越来越小，变得越来越小。所以我认为我可以在CSS中使用背景大小设置，但是当我在媒体查询中尝试时，

8热度

4回答

Mobile Webkit浏览器（chrome）地址栏更改$（window）.height（）;制作背景大小：每次都重新调整刻度

问题是我有几个DIV的绝对位置，它们具有背景大小：cover;并通过javascript计算它们的高度以填充100％的视口。在每个桌面浏览器和移动firefox上一切都很好，但在移动Chrome地址栏（出现/消失）更改$（windows）.height（）;值。这导致每次它都会改变背景图像的重新缩放。有没有解决方法总是显示地址栏（所以窗口高度值不会改变），或其他一些解决方案保持background

1热度

1回答

背景大小覆盖IE11不覆盖全区域

我要去疯狂。 IE11拒绝用背景图片填充DIV的整个区域，尽管我已经设置了背景大小的属性。请看下面的例子： CSS： .bg { width: 100%; min-height: 220px; background: url("bg.jpg") center top no-repeat; background-attachment: fixed;

0热度

1回答

IE8破解.htc破解正在本地工作，但不是在服务器上

我使用黑客为IE8获得最大宽度。该脚本在本地工作得很好，但是当我将它上传到服务器时，由于某种原因它不工作。这里是链接的黑客是 ms-behavior: url('/css/backgroundsize.min.htc'); 我想使这个脚本工作，因为它是perect地方，我尝试了很多别人，它与其它脚本已经运行冲突。

0热度

3回答

背景大小：只适合宽度的覆盖

我有一个“水平”图像作为背景（它是2048x1148）。我设置了background:url("") no-repeat scroll center top/cover，在桌面模式下一切正常。在手机上，虽然我无法获得背景图像的比例和自动覆盖高度。 background-size:cover不应该自动执行吗？ Here的直播现场。

0热度

1回答

将“max-width”设置为较大设备的背景图片

我已将背景图片设置为div，但我不希望它的宽度超过1600px。例如，如果它显示在宽度大于1600像素的设备上，我不希望背景图像覆盖整个宽度。有没有办法实现这一目标？这是我目前拥有的。无论设备有多宽，图像都覆盖整个宽度。我需要它停在1600px的宽度。 div { background: url("img/bg.jpg") no-repeat center top #067AB4;