全屏响应式背景图像

文章/答案/技术大牛

发布

1回答

在浏览器大小时使后台div响应加载

css、wordpress

我一直试图在宽度滑块上获得一个响应式全屏，以根据浏览器大小加载响应式，无论我是否有下面的内容，如下例所示：问候你，杰伊

浏览 0提问于2014-03-06得票数 0

1回答

css、image、background、frontend

背景图像在大屏幕上不会显示为全图，但在小屏幕上却很适合。 <!} </style><body> </body> </html> 图像在所有屏幕上的响应性有一个特定的维度吗

浏览 11提问于2021-05-07得票数 0

1回答

可以在css/html中删除块后面的其他元素的背景吗？

html、css、background

我需要移除HTMl内部div后面的父元素的背景。我将示例代码放在中。还有div.wrapper，它有很大的全屏背景图像。则div.container内部包装器具有不透明的白色背景。在它里面有一个蓝色背景的不透明的小div.form。我需要移除div.form后面的白色。在该部分的背景图像上应该只有蓝色不透明度。它也是响应式模板，这就是为什么我不能只使用背景与白色不透明的图像，与d

浏览 0提问于2016-03-04得票数 0

1回答

使响应式全屏背景图像具有固定按钮

html、css、background-image

首先，我想要一个响应式的全屏幕背景图像。我知道在网络上有很多教程，但在我的情况下，有一个固定的按钮在一个特殊的区域的图像是可以点击的，通过点击它，用户必须转到下一页！我之前的解决方案是使用jQuery，我计算屏幕尺寸，并根据背景图像的大小变化： var height = $(window)

浏览 1提问于2015-02-21得票数 1

15回答

全屏响应式背景画面

css、responsive-design、fullscreen、zurb-foundation

我正在尝试让<div class="main-header">成为一个全屏图像，并相应地缩小。有人能告诉我我哪里做错了吗？它正在正确缩放，但没有显示完整的图像。

浏览 3提问于2013-05-15得票数 66

回答已采纳

1回答

视频背景全屏响应式

html、css、video

如何才能使视频全屏响应。

浏览 16提问于2018-08-08得票数 0

3回答

全屏居中背景响应式

html、css、responsive-design、background-image

我希望我的主页是一个以全屏幕为中心的背景图像，无论设备的屏幕尺寸是多少，图像总是覆盖整个页面，并具有正确的纵横比。我也希望它能在不同的设备上工作。

浏览 1提问于2015-09-14得票数 0

1回答

响应图像在safari mac和safari iPhone上不起作用

html、ios、css、iphone、safari

我正在制作一个网站，但safari mac/iphone的响应图像在这里无法工作，这是我的代码 <meta charset="utf-8"> <meta http-equiv

浏览 2提问于2017-04-28得票数 1

1回答

半透明div，当光标位于其上时变为不透明

transparency

我有一个wordpress网站，我想用一个全屏背景图像和2个小的，响应式的和居中的框架(div?)具有半透明背景，但文本不透明。

浏览 1提问于2013-06-16得票数 0

1回答

背景图像在全屏时被剪切

css、responsive-design

我正在尝试创建一个全宽度的背景图像。我面临的问题是，当它的全屏背景图像的底部被剪切。当我检查响应性时，整个背景图像都会显示出来。body{background-image:url(img/background.jpg); background-repeat:no-

浏览 1提问于2017-03-09得票数 0

1回答

带bootstrap的全屏响应式背景图像

jquery、html、css、twitter-bootstrap

什么是想知道的HTML模型，我必须使用一个全屏响应的背景图像与引导？我想在div类包装器中添加一个全屏图像。我想让wrapper div达到100%的规模。任何提示都将非常感谢。

浏览 0提问于2014-07-13得票数 10

回答已采纳

1回答

使用CSS的背景幻灯片(fullscreen+responsive)

css、background、slideshow

是否有一个简单的方法，只使用CSS，以启用背景图像幻灯片？我有背景图像定义为全屏幕和响应在CSS的html属性内，并希望它有一个简单的过渡效果。唯一的‘问题’是背景需要全屏和响应。

浏览 0提问于2017-08-01得票数 0

回答已采纳

2回答

CSS导航菜单背景图像

html、css、image、menu、background

我想实现一个具有响应式背景图像的水平菜单。此外，如果我调整大小，最小的窗口大小，菜单从图像栏出来。我不想使用'px‘设置，因为我想得到一个尽可能响应的网站。

浏览 15提问于2018-02-02得票数 1

1回答

背景图像未在css中显示

css、vue.js

我试图在我的Vue项目中有一个响应式的全屏图像背景，但我无法让图像显示出来，并且不确定哪里出了问题，我在代码示例中看到的大多数示例都使用了css <div id="myDiv

浏览 0提问于2019-04-28得票数 0

2回答

我已经设法为我的网站添加了一个自定义背景。fixed; line-height: 18px; background-color: #ffffff;我的问题是它没有响应性，如果我放大背景变大，如果我缩小背景变小，但它在不同的分辨率上应该总是相同的大小。我还应该补充说背景只在左边和右边可见。目前，我只是使用一个大的背景来涵盖所有的内容，这是不必要的，因为80%的内容被我的内容所隐藏。在左侧和右侧显示<e

浏览 0提问于2012-08-17得票数 1

回答已采纳

1回答

使用角度材质的响应式全屏背景图像

angular、angular-material

我正在寻找一个具有棱角材料的全屏幕背景。这是我有的，但它不能工作。

浏览 13提问于2019-06-20得票数 1

回答已采纳

1回答

全屏响应式图像标记

image、responsive-design、retina

我正在试图找出最好和最简单的方法来创建全屏图像，支持视网膜屏幕，并涵盖从大到桌面到手机的屏幕尺寸。图像始终以所有宽度填充视口。对我来说，似乎最简单的方法是创建一系列大小的图像，从桌面屏幕的像素宽度的两倍(对于桌面视网膜)到手机屏幕的宽度，然后将它们都列在srcset下，让浏览器找出它，大概因为img总是全宽的，我不需要担心大小属性

浏览 2提问于2015-02-09得票数 0

2回答

根据设备宽度和用户带宽，以不同的大小/分辨率提供图像

html、css、image、responsive-design、image-resizing

我正在建立一个全屏背景的网站，该网站是响应式的，目前为iphone提供的图像与27英寸的显示器相同。显然，27英寸的显示器需要更高的分辨率，目前所有设备/屏幕的分辨率都相同，宽约1900px，重量约300kb，这些看起来不像在27英寸的屏幕上那样好，但我不想让它们变得更大，因为有20个这样的图像，移动用户可能需要永远加载它们有没有一种类似于媒体查询的方式，我可以根据用户设备的屏幕分辨率和理想带宽来提供图像？

浏览 3提问于2015-05-19得票数 7

2回答