2回答
因此，我学习了设置自动填充浏览器的背景图像的不同方法。有没有一种方法只使用html和css来设置全屏背景图片，然后在下面设置另一个全屏背景图片，这样当我最初启动网站时，你会看到第一张图片，当你向下滚动时，第二张图片会出现？
浏览 0提问于2013-07-07得票数 1
2回答
回放jQuery插件不起作用
、、、、
我想使用回放jQuery插件在开始页面上创建一个全屏背景图片。因此，我使用了以下代码：
<div class="startslide">
<script>
$.backstretch('IMG_3628.jpg');
</script>
</div>
<footer class="footer">>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js&#
浏览 6提问于2015-09-07得票数 0
回答已采纳
1回答
如何获取背景以显示全图
、、、
我试图让背景图片，以显示完整的图片，无论浏览器的大小。当我使浏览器全屏时，它会切断背景图像。
我已经摆弄了高度和背景尺寸。
html, body{
height: 100%;
}
body{
margin: 0;
padding: 0;
font-family: sans-serif;
background: url(https://66.media.tumblr.com/838ffe3b51b82759591aafe1ad820f47/tumblr_pexmxzbbjQ1ukgu7do1_1280.jpg);
background-repeat: no-repeat;
浏览 31提问于2019-07-29得票数 0
2回答
我正在尝试在全屏背景图片周围创建边框/边框。
我可以使用边框来创建它，但是我不能在边缘和框架之间创建一个空间。
另外，第二件事是在图片的底部创建一个洞。
如果你们有什么建议，我将不胜感激。
谢谢你的帮助
理查德
浏览 0提问于2014-10-10得票数 0
2回答
我想创建一个全屏Cocoa应用程序，但是我的应用程序与传统的全屏应用程序略有不同。
这个应用程序会低于其他任何东西，所以在菜单栏和Dock等下面。它会有一个覆盖桌面和图标的大图像，中间有一个自定义的NSView，等等。如果这个概念很难理解，那么这里有一个图像：
唯一让人感到困惑的部分是背景图片。这个背景图片不是电脑的墙纸，而是应用程序的一部分。因此，当应用程序启动时，它会进入全屏模式，并将自己置于dock和菜单栏的下方，以及所有其他窗口的下方。所以它绘制背景图像来覆盖屏幕(包括桌面和图标)。然后在中间有一个自定义的NSView，其中包含我的控件。
做这件事最好的方法是什么？
谢谢
浏览 2提问于2009-10-03得票数 3
回答已采纳
2回答
目前，我使用下面的CSS来显示Twitter Bootstrap站点的背景图像：
html {
background:#505D6E url(/img/background.jpg) no-repeat center center fixed;
min-height:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
我必须用di
浏览 2提问于2015-01-28得票数 0
我想创建一个覆盖整个屏幕宽度的框，以便始终响应全屏幕宽度。
我当前的CSS代码总是将框限制为Boddy，但我想要全宽。
另外，我想在盒子里放一张背景图片。
有人能帮我吗？
我的CSS：
div.bg {
background-image: url("LINK TO PIC");
background-repeat: no-repeat;
background-size: cover;}
浏览 0提问于2016-06-19得票数 0
我希望我的背景是100 on的全屏，但我也希望如果我将屏幕垂直最小化，背景将停留在背景图片的末尾。
标题{背景：#efe0d9；显示:内联块；宽度: 100%；浮点数:左；高度:100 100；填充: 1% 0;}
我想要一个在屏幕底部结束的背景，因为屏幕上的图片足够大，但是当我垂直缩小屏幕时，图片保持相同的大小(根据需要)，但是背景也会上升，所以图片与网站的下一部分重叠。
浏览 4提问于2020-01-05得票数 1
回答已采纳
1回答
好的，我有一张通过flash上传的全屏背景图片
flash {
position: absolute;
top: 0;
left: 0;
z-index: 1; }
它可以完美地调整大小，我在底部也有一个页脚作为div，里面有5张图片。我将所有图像对齐成一行，但当浏览器调整大小时，图像会跳起来，而不是按比例调整大小。会很感谢你的建议。这是指向jsFiddle 的链接
浏览 3提问于2013-03-16得票数 0
回答已采纳
我不知道该怎么做：
我有一个全屏背景图片，一个顶部固定了50%透明度的导航栏，以及它下面的内容。如何使导航栏保持背景图像的透明度，同时仍具有滚动内容？
现在的问题是，当我向下滚动时，内容会在导航栏下面，并通过透明度显示出来，这显然看起来很糟糕。
基本上，我希望页面的内容滚动并消失在导航栏的底部。我知道我可以让导航栏变得不透明，也可以使用背景图像，但我宁愿只有一个全屏背景图像。
有什么想法？
浏览 3提问于2012-10-08得票数 0
回答已采纳
我尝试了docx4j github仓库中的BackgroundImage.java示例，但结果是一个空白文档，其中有一个段落，其中包含“要查看您的背景，请转到‘网页布局’或‘全屏阅读’文档视图”。
我需要生成的文档与Word 2016中的下一个用例相同：
> New blank document - > Design - > Page color - > Fill effects - >
> Picture tab - > Select picture
生成的文档使背景图片可见。我可以用docx4j来做吗？
谢谢。
浏览 13提问于2019-03-29得票数 0
回答已采纳
1回答
全屏翻页布局
、、
我是Tympanus的Codrops教程的追随者。
对于一个朋友的网站()，我想实现我找到的的脚本全屏翻页。
现在我试着让它不是全屏，而是背景图片。它工作得很好，但我不希望菜单在左边可见，容器滑过右边。
我试过隐藏溢出，但它会裁剪整个菜单。
如何使用css达到预期的效果？我必须向DOM中添加另一个div吗？
浏览 9提问于2013-03-25得票数 0
回答已采纳
2回答
我猜这是一个非常典型的设计，有一个全屏背景图像，和一个中心包装的内容与白色背景。在这个白色包装器的左右边缘，有一个几个像素宽的整齐的阴影。类似于。
实现这一目标的最佳方法是什么？背景图片(如果有，是什么背景图片，是怎么做的？)或者边框，或者其他东西？感谢您的帮助。
编辑:我需要这是支持在IE7上。
浏览 4提问于2012-07-24得票数 0
回答已采纳
我遇到了一些问题，比如在全屏模式下，图片会出现在博客后面--背景图片的前面--而不是前面。
你知道这里会有什么问题吗？
首先要感谢大家！
阿希什
浏览 3提问于2013-01-01得票数 0
回答已采纳
1回答
我正在尝试创建一个全宽度的背景图像。我面临的问题是，当它的全屏背景图像的底部被剪切。当我检查响应性时，整个背景图像都会显示出来。
全屏显示时如何显示整个图像？屏幕分辨率: 1366x768。
下面是背景图片使用的css：
body{
overflow:hidden;
background-image:url(img/background.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:inherit;
}
浏览 1提问于2017-03-09得票数 0
2回答
要将HTML5全屏APi应用于div的背景图像
<div class="bgimg" style="background-image:url('img/home-1.jpg')" />
<img src="img/fullscreen.png" id="fullscreen-btn">
</div>
我想点击fullscreen-btn背景图片的div bgimg ie home-1.jpg应该在全屏打开。我尝试了下面的代码，但没有在Kindlt建议中工作。
<scr
浏览 4提问于2014-08-13得票数 0
1回答
这个问题更多的是与许可证相关的，而不是技术性的，希望这对你来说是可以的。
我们有一个全屏背景图片的网站。现在我们发现像istockphoto或shutterstock这样的公司不允许你在网站上显示大于1200x800的图片。
你知道吗：-有没有一些公司拥有全屏网站背景的许可证？-有没有技术方法来规避图像的复制，从而获得许可，从而允许雇佣图像的受保护使用？
浏览 3提问于2011-12-02得票数 0
回答已采纳
在我的应用程序中，有很多图片，这些图片不仅仅是小的按钮背景图片，还有全屏大小的图片。由于在所有4个可绘制文件夹中添加了所有不同大小的图像，应用程序大小的增长超出了预期，仅由于图像就增加了18MB。有没有最好的方法来优化它，同时注意不在任何屏幕尺寸上拉伸任何图像？我知道9补丁图像，但是如何使用全屏大小的图像作为9补丁图像？
浏览 1提问于2013-04-25得票数 3
我正在创建一个简单的应用程序登录，注册和主页。我想在每个组件上不同的全屏背景图像。我为每个组件设置了3个不同的CSS文件，但所有3个组件都采用相同的背景图像。如何实现不同的背景图像？ 这是我用来设置完整背景图片的CSS。 html {
min-height:100%;
background-image: linear-gradient(to right, rgba(255,0,0,0) 50%, rgba(0, 0, 0, 0.541) 50%), url("login.png");
background-repeat: no-repeat;
浏览 14提问于2019-09-11得票数 0
回答已采纳
伙计们，我是前端开发的新手，我正在努力从建立一个页面中学习。
这是演示。
它在全屏上看起来不错，但当我缩小视野时。图片似乎离文字越来越远了，正如图片所显示的那样，它们之间的差距越来越大。
我想要达到的效果是，当我缩小浏览器的范围时，图片将变得更接近文本(并且它们之间会有重叠)。当在电话上观看时，图片将成为屏幕的背景图片。像这样
有人能帮我吗？
浏览 2提问于2019-08-14得票数 1
回答已采纳
1回答
我用carousel bootstrap做了一个全屏滑块。当屏幕尺寸变小时，背景图像会调整大小并居中。当屏幕变小时，我不想让它居中，但我想让背景图像聚焦在右边。
这是背景图片在普通屏幕上的样子(它是全屏滑块)：
这是背景图片在小屏幕上的样子(仍然是全屏)：
这就是我所做的
@media (max-width: 768px) {
.carousel-inner>.item{
position: relative;
}
.carousel-inner>.item>img{
position: absolute;
浏览 1提问于2015-10-24得票数 0
2回答
问题所在
我使用jQuery supersized作为全屏背景图片，这将是一个可点击的广告。在标记中的主要内容上方，我使用了锚定标记、位置固定、z索引为-1、显示块和高度/宽度为100%。所有这些都是完美的，问题是当应用z-index时，锚标签的“可点击性”就消失了。
有人有什么想法吗？我可以使用两个锚标签，定位在主要内容的绝对位置，并将它们推到两边，但是我不确定这种效果通常是如何应用的。
任何帮助都将不胜感激。
浏览 0提问于2011-04-20得票数 2
回答已采纳
在我的jQuery mobile 1.4.0应用程序中，我有一个包含列表视图的页面，问题是当我为这个页面添加了一个背景图像时，列表元素会变得越来越大，因为背景stretchs与内容一起，这在移动设备上比jsFiddle更明显，这是我的。
我怎样才能使背景图片全屏固定，而不是随着内容的拉伸？请帮帮我..
下面是我如何将背景图片添加到我的页面：
#EmPListPage{
background-image: url('http://images2.layoutsparks.com/1/218610/just-ducky-dots- pinky.gif') !importan
浏览 1提问于2014-03-01得票数 1
2回答
我有一个Wordpress站点，它有许多大图片(全屏背景图片滚动条)，当我转到我的页面时，它会‘像素样’地显示出来，看起来像是坏掉的，直到完全加载。
加载网站图片的正确步骤是什么，这样用户第一次看到网站时就不会出现故障或故障？
浏览 4提问于2016-02-03得票数 0
1回答
可以在所有的背景图片中使用吗？
我曾经有过一次使用背景图片的糟糕经历，因为它们在加载时会占用大量内存，甚至会在某些设备上导致OOM异常。
我几乎认为这是一种糟糕的做法，因为大多数应用程序在安卓系统中的背景/效果都很简单，而不是iOS系统。
因此，我只在登录页面或其他偶尔显示的页面上使用它们。
此外，whatsapp仍然使用它的全屏背景，所以它让我认为它在某种程度上是可以操作的，或者可能WA不需要太多内存。
或者，仅仅将图像传递到nodpi可绘制文件夹就足够了吗？
浏览 0提问于2016-03-18得票数 0
我希望在HTML中创建更好的背景图像全屏，并且我已经为背景图像设置了所有属性。这是我在文件夹上的背景图片。
我试着这么做。
<style>
* {
margin: 0;
padding: 0;
}
.background-image {
background-image: url("https://via.placeholder.com/100.jpg");
background-repeat: no-
浏览 3提问于2022-03-15得票数 0
你能像用flash一样用javascript调整图片的大小使其全屏显示吗？
我找到了这个链接，但它是一个完整的带有幻灯片的插件，等等，而不仅仅是我需要的更定制设计的功能：
这个插件似乎只支持背景图片：
理想情况下，我想用jQuery来做这件事。谢谢
浏览 0提问于2011-05-23得票数 3
回答已采纳
我在一个活动中有一张背景图片，它的大小被设置为1280x920，就像中建议的那样。这个可以完美地工作。
我也有一个全屏活动(粘性沉浸式)，在相同的配置下，图像被垂直“拉伸”。图像的大小应该是多少，才能完全没有缩放或拉伸？(当然，当图像占据整个屏幕时)
浏览 19提问于2016-08-22得票数 0
我的问题是在使用visjs网络库时如何设置背景图片。我的代码：
<script type="text/javascript" src="vis/dist/vis.js"></script>
var network = new vis.Network(container, data, options);
浏览 5提问于2016-01-20得票数 1
我的背景图片如下所示
在屏幕背景图像的顶部，我必须将图标放置在下面的中央，
垂直模式视图
全屏或水平模式
如何将圆圈图标放置在背景图像中，而不剪裁全屏图像。因为在全屏幕上，曲线形状的图像是不可见的，图标出现在屏幕的中间。
<SafeAreaView style={styles.container}>
<ImageBackground
style={{flex: 1}}
source={require('../../assets/images/test.png')}
>
<View style={sty
浏览 1提问于2022-06-21得票数 0
这简直要了我的命，我有一张背景图片，它正在使用background-size: cover；进行全屏显示。据我所知，IE9支持这一点。让我难受的是，一些IE9浏览器正在处理这个问题，而一些IE9浏览器却没有。
有没有人有过这样的经历？
浏览 0提问于2013-04-12得票数 1
回答已采纳
1回答
我正在为我的网站使用引导，并使本地滚动正常工作(我使用标准导航条形码)。到目前一切尚好。
接下来，我想要实现一个在桌面和移动设备(iphone、android等)上正常工作的全屏背景。背景图片应覆盖整个屏幕，当用户滚动页面内容时不应移动。我能找到的唯一解决办法(经过相当长时间的搜索)是：
html {
background: url('images/ny-building-xs-optimized.jpg') no-repeat center center fixed !important;
background-size: cover !important;
浏览 1提问于2015-02-09得票数 0
回答已采纳
我有一个Forge嵌入到一个角9应用程序。除了一个标准的全屏按钮之外，一切似乎都像预期的那样正常工作。单击时，它会抛出一个未显示的JavaScript错误，该错误可以在浏览器的Dev控制台中看到：
Uncaught (in promise) TypeError: fullscreen error
at u (compat.js:87)
at h.doScreenModeChange (ScreenModeDelegate.js:231)
at h.u.setMode (ScreenModeDelegate.js:83)
at T.setScreenMode (S
浏览 8提问于2020-07-21得票数 1
人们以前问过类似的问题，但我的问题有一个转折：
我使用超大的jQuery插件来加载一个全屏幕的背景图片。加载图像的代码如下：
<script type="text/javascript">
jQuery(document).ready(function($) {
$.supersized({
//Background image
slides : [ { image : 'http://www.cybart.co
浏览 0提问于2011-06-16得票数 0
回答已采纳
4回答
我有这个HTML。具有以下功能：
<div class="item">
<div class="bg_img"></div>
<h1>morning</h1>
<h2>today</h2>
<p>lorem ipsum.</p>
</div>
此内容的背景图像CSS：
#container .item .bg_img{background:url('../img/mainpage/demo.jpg') no-re
浏览 4提问于2013-09-26得票数 0
调研互动课堂的 ticSdk.getBoardInstance().addBackgroundPic 新增白板并添加背景图片接口报js错误，直接设置背景图片接口是好的
board_sdk.mini.js:1 Uncaught TypeError: this.board.createBoradId is not a function
at d.addBackgroundPic (board_sdk.mini.js:1)
at online.addBackgroundPic (appForT.js?1=1:487)
at HTMLButtonElement.<anon
浏览 243提问于2018-11-24
我正在尝试创建一个全屏div，因此它的大小适合浏览器窗口的高度和宽度。
然后你可以垂直滚动到第二个div，这也是你浏览器窗口的大小。
我看过很多这种风格的例子，但找不到任何教程。也许我搞错了关键词？
就是一个很好的例子(除了我不需要背景图片，只需要两个div)。
谢谢。
浏览 0提问于2013-01-16得票数 4
回答已采纳
1回答
如何向此网站模板添加particle.js ()背景？我不知道背景图片是在哪里叫的。
下面是模板：
请让我知道!谢谢
注:我买了执照，如果有关系的话
浏览 12提问于2022-03-23得票数 0
我正尝试在Android版的jquery移动应用程序的首页添加一个全屏固定背景图片(我也在使用phonegap)。
简而言之，我希望背景图像是全屏的和固定的，而页面内容在它上面滚动。背景图像还需要根据不同设备的大小进行缩放。
这是我到目前为止所做的。
<div data-role="page" id="unit-list" data-theme="a">
<div id="background">
<div data-role="header" data-theme="b
浏览 0提问于2012-03-27得票数 8
当前代码是
<html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Full Page Background Image</titl
浏览 10提问于2017-06-03得票数 0
3回答
覆盆子快归
、、
我开始了一个项目，您可以在终端上“登录”(基本上是带有触摸屏的Raspberry Pi )和无线令牌(用于时间跟踪)。
在屏幕(全屏)上显示状态(基本上是背景图片和2-3个文本，取决于令牌的状态)的最佳和最快的解决方案是什么？我用铬做的，很慢.
做、http请求、和en-/解码JSON必须很容易，而且请不要使用C/C++。也许python +wxwidget？
浏览 2提问于2012-08-10得票数 3
回答已采纳
我一直在尝试制作一个全屏背景图片的Android应用程序，但就是不能让图片充满整个屏幕。
这是我到目前为止所知道的：
activity_main_screen.xml：
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill
浏览 15提问于2015-05-26得票数 0
回答已采纳
1回答
我有一个网站与宽度100%和高度100%和溢出隐藏在身体上。所以它是一个使用jquery全屏背景图片插件的全屏网站。在一个页面上，我有一个缩略图列表，每个拇指都被设置为向左浮动，这样它就会用缩略图像填充整个窗口。
当overflow设置为隐藏时，当页面上有太多缩略图时，它们会在底部消失。我正在寻找一个jquery脚本，可以在窗口调整大小时自动放大或缩小缩略图，这样所有的拇指总是可见的，我以前见过这样的脚本，但没有书标记它…
这里有没有人知道有一个脚本可以做到这一点？
谢谢
浏览 3提问于2010-10-03得票数 0
因此，我正在尝试让div与背景图片显示在我的网页上。在IE中它看起来还不错，但在chrome中，当它不是全屏时，页面看起来很好，当你使窗口全屏时，div2上的边框在右侧大约太宽了20像素。第一个div应该是可用屏幕的大小，第二个是居中的75%。它看起来似乎chrome在第一个div上看不到我100%的高度。这是我的css样式表：
@charset "utf-8";
/* CSS Document */
#main {
background-repeat:no-repeat;
background-size:cover;
font-size
浏览 0提问于2013-02-26得票数 0
回答已采纳
我使用具有内置延迟加载功能的slick.js carousel来显示全屏图片库。我遇到的一个问题是，惰性加载器只使用img标签显示，所以我不能对它应用background-size:cover，我也不想使用js插件让它全屏显示。有谁有什么想法吗？
浏览 4提问于2015-07-22得票数 1
2回答
我想把链接放在背景图片上(在CSS中设置)，我想问一下，有没有地图标签的替代方案？是HTML5还是优雅的JS解决方案？
注意:图像本身不是地图。我只想把5个链接放在特定的位置
谢谢
浏览 1提问于2012-03-28得票数 1
回答已采纳
1回答
我试图创建一个代码，在任意位置显示一个可拖动的div。页面背景图片被设置为适合大小，这是唯一几乎完全正常工作的东西，在点击div中的链接时显示全屏窗口功能。我想我在某些方面是错的(可能是一些语法..)但是找不到它失败的地方。
我展示了shrib上的线条，请打开它：，我相信这对你的一些新眼睛来说很容易发现错误：
谢谢你的帮忙!
J.
浏览 1提问于2013-05-11得票数 0
事情是这样的。我使用了一个叫做backstretch的插件，全屏显示了我的背景图片，并制作了一个幻灯片。
这就是我的 ()。
现在，我希望图像每次都是随机的。假设我有3个图像，它会是这样的：
2, 3, 1
3, 1, 2
1, 2, 3
1, 3, 2
在一行中，这将是：2, 3, 1, 3, 1, 2, 1, 2, 3, 1, 3, 2
注意:图像必须避免重复自己，如：2, 3, 1, 1, 2, 3
有没有人？
浏览 4提问于2012-06-13得票数 1
回答已采纳
我正在试图弄清楚如何在我的第一张图片下显示另一张背景图片。我对HTML和css非常陌生，我试图弄清楚一些东西，但似乎找不到这个。我知道图片在那里，因为当我在第二张背景图片的部分之间添加一个<p>时，您可以看到图片的一小部分(这可能是<p>-tag的高度)。所以我猜我的宽度和高度有问题。然而，我试图填入确切的高度和宽度，但这导致了一个非常放大的图片。也许这与错误地使用REM有关？我不知道，我想这并不是很难做到，但我仍然没有成功。这就是我到目前为止所拥有的。你不会看到图片，因为它们是本地的，我希望这不重要？非常感谢你的帮助！
编辑:为了清楚起见，有2张全屏图片(main.j
浏览 0提问于2017-11-17得票数 0
有没有人能用Video.js播放器创建一个全屏覆盖？我们正在寻找一种在视频上显示div的方法，并且即使在全屏模式下也可以使用。
浏览 1提问于2012-12-29得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
