我看着这个HTML5网站，发现“背景图像的滚动”很吸引人。我查看了它的Javascript，但没有发现改变背景图像的代码。
浏览 1提问于2011-02-09得票数 1
简而言之，如何为HTML5 (要移植到不同的平台/设备)设计全屏背景图像(保持高宽比)？
我正在使用Intel XDK/ Apache 3.x来构建一个HTML5应用程序。从这个中我了解到，我可以为不同分辨率/屏幕大小的启动屏幕/图标配置不同的图像。
是否有任何方法可以指定我的背景图像，就像飞溅屏幕图像？或者我是否应该像在这个中提到的那样使用响应性的HTML设计？
浏览 1提问于2015-03-12得票数 0
回答已采纳
我的背景图像(被渐变覆盖)在Safari上不显示(它在Chrome上有效)。
body{
background:linear-gradient(rgba(0, 0, 0, 0.95),rgb(0, 0, 0,
0.95)),url("https://www.w3schools.com/cssref/img_tree.gif") no-repeat center center fixed;
background-size: cover;
overflow: hidden;
height: 100%;
}
<html>
<head&
浏览 0提问于2019-10-07得票数 0
我有一个关于HTML5的项目。背景图像是足球场。足球运动员的名字(标签或按钮)就结束了。如何根据背景图像的位置设置这些对象的位置(像素或其他位置)？
最好的方法是使用表吗？
浏览 6提问于2013-04-28得票数 1
2回答
只使用css3/html5，我试图让独立和不同的背景图像并排排列，而不是相互重叠。
在本质上，我喜欢得到多个独立的和不同的背景图像，以确切地表现出单个背景图像的平铺行为。
我也希望在不设置任何固定或特定位置的情况下实现这一点，简单地将每个背景图像放在它旁边的背景图像的大小方面，对接它，等等。
因此，在元素/容器上平铺的背景图像是正常的，除了平铺中的每个单独的背景图像可以是唯一的。
有什么想法吗？
浏览 3提问于2015-12-17得票数 1
所以我只想让背景图像不低于html的其余部分。这是Evan在第二个链接中已经帮助我的后续工作……因此图像将调整到任何窗口的大小，但现在它不再作为背景图像。对于这种情况，html5中的最佳实践是什么？
浏览 4提问于2011-08-08得票数 0
回答已采纳
我需要使用JQuery向body标记添加两个独立的背景图像。最初，这是通过以下类实现的：
.background: url(../img/ad-takeoverbkg-left.jpg) top left no-repeat, url(../img/ad-takeoverbkg-right.jpg) top right no-repeat;
这工作得很好，但是我现在需要通过JavaScript动态地传递URL值。这些值是使用AJAX从JSON数组中检索的。我目前拥有的代码是：
$('body').css({
'background-image' : 'u
浏览 0提问于2017-07-15得票数 0
回答已采纳
2回答
有没有可能让网页像往常一样滚动内容，但背景图像滚动速度变慢？例如，用户滚动100px。内容将滚动100px，但背景图像将仅滚动20px左右。使用Html5和CSS3可以做到这一点吗？或者，我是否需要其他语言/库，如Java或Flash？
感谢您的回复。
浏览 3提问于2013-04-11得票数 1
回答已采纳
1回答
我使用的是响应式Sketchpad - 和。设置背景图像(而不是白色背景)的正确方法是什么，它将完全响应于HTML5画布草图？
浏览 0提问于2019-07-30得票数 0
回答已采纳
4回答
在2D HTML5游戏中，最好的图像格式是什么?为什么？我应该在不同的情况下使用不同的格式吗？例如，背景图像的.png，动画帧的.jpeg等等.
“为什么”对我来说很重要。它不一定要本地化到HTML5，它也可以是一般的建议。
浏览 0提问于2012-06-12得票数 8
回答已采纳
1回答
我的要求是，我有2个背景图像(img1和img2)，同时加载页面img1应加载，在此图像上的一个按钮应该创建并点击按钮，背景图像img1应该消失，img2必须出现。我想在这个场景中使用HTML5。
有没有人能建议一下代码，该怎么做？
浏览 0提问于2013-11-15得票数 0
我想在HTML5提供的画布元素中使用图像作为背景。
问题是，我不想让绘图修改这张图片，我只想让它作为用户的参考或指南。
例如:如果我在画布上画了一张背景图，然后我添加了一些线条和随机的图画，一旦我使用擦除工具，它将擦除我制作的线条和背景图像。
我如何防止这种情况发生？
谢谢。
浏览 1提问于2010-09-24得票数 1
回答已采纳
1回答
我最近下载了html5样板，并试图很好地掌握如何将我的css代码合并到main.css of html5样板中。我需要知道如何将我的背景图像添加到我的页面中？
html {
background:url(Images/laptop.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
浏览 3提问于2014-06-26得票数 1
回答已采纳
1回答
我有一个有趣的HTML5项目，我需要通过提取背景图像的平均值来设置字体颜色。例如，这是我的背景，它有两个文本框textbox1和textbox2。
为了得到textbox1的颜色，需要计算背景图像部分的平均值，然后设置颜色。同样，对于textbox2，我需要计算其背景图像的平均值，然后设置颜色，.I可以得到文本框的位置，但是如何计算平均颜色呢?我非常困惑。对于如何使用jquery或css来完成它，有什么建议吗？
浏览 3提问于2015-01-30得票数 0
回答已采纳
我目前有一张背景图片，但我想用html5或css3在它上面插入一个空白的白色页面。此外，我希望页面能够在尺寸方面进行调整。
浏览 3提问于2019-03-01得票数 0
2回答
我试图得到一个背景图像显示在按钮div，但它没有显示出来。
将背景图像更改为背景颜色，它会在图像应该显示的正确位置显示颜色。
我在这里画了一个空白：
这是一段代码：
.strawberry {
height:65px;
width:100%;
background-image: url('src/bg_button.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
overflow:hidden;
}
我是新来html5的，所以请温文点。
浏览 1提问于2014-05-03得票数 2
1回答
我需要一个HTML5表单的模式。
接受小写字母
接受大写字母
接受的数字
接受减号
HTML到目前为止
<input type="text" pattern="[a-zA-Z0-9-]" required>
以上代码不起作用。我想我已经接近了？
浏览 4提问于2013-11-29得票数 19
回答已采纳
1回答
我需要更改HTML5画布中的背景图像。
我想使用两个不同的缩略图作为按钮，当我点击其中一个图像时，背景应该更改为该特定的图像。
浏览 3提问于2012-03-13得票数 0
1回答
我在为iPad创建HTML5应用程序时遇到问题。
我有这个GIF文件，它将作为背景图像，其中它具有光球在轨道上移动的动画效果。问题是，每当我单击屏幕上的任何链接或下拉菜单时，背景图像都会从红色变为蓝色，如图所示。
所以是的！我希望有人知道这是怎么回事，因为这是我在公司的第一个项目，我不想把事情搞砸。
浏览 1提问于2012-09-10得票数 0
回答已采纳
2回答
我正在创建一个应用程序，我希望它有一个固定的背景图像在它。我使用的是html5、css3和javascript。我让我的css像往常一样修复我的背景图像，就像这样：
body{ background:#1F1F1F url(../assets/bg.png) fixed;}
好的，即使在IE8和背景图像固定的情况下，浏览器中的所有东西都工作得很好。但是当涉及到我的移动设备的默认浏览器时，图像不再是固定的！
任何帮助都将不胜感激。
浏览 1提问于2012-09-25得票数 3
回答已采纳
我想要显示内容超过它的HTML5视频。就像背景图像一样。整个div/HTML5视频的高度必须是400px。我不想使用视频作为整个页面的背景，但在一个指定的高度。 <div style="height: 400px">
<video controls poster="{{item.media_pic}}">
<source src="{{item.image_path}}" type="video/webm" />
<source src="{{i
浏览 59提问于2019-10-15得票数 2
回答已采纳
根据下面的代码定义将应用于布局中所有屏幕的背景图像。
class _LoginWidgetState extends State<LoginWidget> {
@override
Widget build(BuildContext context) {
return Container(
child: Stack(
fit: StackFit.expand,
children: <Widget>[
Image.asset(
"assets/img/NewYor
浏览 1提问于2020-10-27得票数 3
回答已采纳
2回答
我正在尝试将背景图像应用到li元素中。
<ul>
<li class="maintablink"> </li>
</ul>
我的CSS也是
li.maintablink{background:url(../images/tab_content.png) no-repeat left top;}
甚至添加一些宽度:200 not；高度:200 not以上不工作。
我正在使用HTML5 doctype
我有两个与此有关的问题；
背景图像稍大一些，并且在li内部不完全显示。也就是说，它间接地依赖于我的li元素中的内
浏览 0提问于2011-10-11得票数 3
回答已采纳
1回答
我正在尝试使用html5画布将div捕获到图像中。在这里，我有一个div的背景图像，所以当我试图下载jpeg中的图像时，它是在没有背景图像的情况下下载的。我确信我的领域里有这样的图像，所以没有办法打破相同的起源规则
<div id="testdiv" style="background:(path/to/image) no-repat">
</div>
JS
$(document).ready(function() {
//var testdiv = document.getElementById("testdiv");
浏览 1提问于2015-08-14得票数 0
1回答
嗨，我正在制作一个小的HTML5画布演示。
我使用O‘’Reilly的HTML5 text中的现代器启动了画布。
这是针对iPad的，所以我的画布是1024x768。
然后，我在DrawScreen函数中加载了一张背景图像。
var backgroundImage = new Image();
backgroundImage.src = "images/background.jpg";
backgroundImage.onload = function(){
context.drawImage(backgroundImage,0,0);
}
然后，我想向其中添加文本。所
浏览 0提问于2011-09-05得票数 3
回答已采纳
2回答
我想把链接放在背景图片上(在CSS中设置)，我想问一下，有没有地图标签的替代方案？是HTML5还是优雅的JS解决方案？
注意:图像本身不是地图。我只想把5个链接放在特定的位置
谢谢
浏览 1提问于2012-03-28得票数 1
回答已采纳
我想了解一下canvas HTML5。在我基本画布元素中，我想要设置背景图像，并在上面执行一些功能，如绘制擦除、撤消、清除和保存受影响的图像(在应用所有效果撤消后，清除)。任何建议或例子..
浏览 7提问于2011-12-03得票数 4
我刚刚开始开发一个网站，目标是所有使用HTML5的手机、平板电脑和台式机。通过谷歌搜索，我知道使用下面的标签可以根据需要重新对齐我们的网站，以满足所有外形因素的需要：
<meta name="viewport" content="width=device-width" />
所以我尝试了一下，它看起来像是一种魅力，但当我们在桌面(19英寸显示屏)上查看这个网站时，我看到所有的元素看起来都像是在屏幕上拖动，以使其100%适合屏幕，这对我来说有点奇怪。
那么，有没有这样的选择:当在桌面上查看时，网站的主要内容(具有固定宽度)居中显示，背景图像横跨所有屏幕
浏览 1提问于2013-04-09得票数 0
我正在寻找一个解决方案，以获得一个透明的海报图像为html5视频。
我有一个页面，在整个页面的宽度上有一个背景图片(例如1920x600)。我只想在这张背景图片的中间显示视频播放按钮。视频和背景图像有不同的高宽比。按下播放按钮后，视频应以正确的高宽比显示在背景图片上。
作为html5视频播放器，我使用。
这是播放器的实际实现：
<style>
.container_plyr_teaser {
padding: 16px 0px 0px 0px;
max-width: 1000px;
margin: auto;
浏览 0提问于2018-11-23得票数 2
回答已采纳
2回答
让纹理背景图像在HTML5标签中正确显示是最困难的。具体地说，我尝试将低不透明度水彩涂抹的.png纹理添加到已经应用了跨浏览器渐变的标记。我可以让渐变显示得很好，但不能让背景图像正确显示。
有人告诉我，它的CSS命令人手不足：
background:url("filepath");
这是我使用的引用类型的问题吗？它是单引号还是双引号有关系吗？或者根本没有引用？我不确定引号对选择器做了什么，或者是不能应用背景图像和渐变的问题？您可以在的明显页脚位置查看我正在尝试修改的空间。
谢谢!
浏览 0提问于2012-04-24得票数 1
回答已采纳
是否可以在html5页面中自动调整底部边框的大小(根据最后一行的文本宽度)？(例如，如果有第三行-边框中应该有一个洞)。
背景图像可以不同。有可能实现这一点吗？
浏览 1提问于2015-04-22得票数 0
你好,
我试图制作一个视频作为网页的背景，它似乎在我的电脑上工作，但在我的手机上不起作用。
直到现在，视频还没有显示，这就是为什么我给它添加了一个背景，但现在，在混乱了一段时间之后，我的手机确实尝试播放视频，但结果却变成了空白(黑色)。
这导致缺乏背景图像和视频。
但是如果我按住屏幕上弹出的“保存视频”选项，那么我假设浏览器没有问题地意识到应该有一个视频，它就是不能播放。
导出设置是否是问题所在？
HTML
<video id="bgvid" autoplay>
<source src="media/video.webm" type=&#
浏览 4提问于2015-10-08得票数 1
回答已采纳
5回答
我在HTML5中有一个要求。
新闻、商业、人物和品牌是4张图片，我把它们都添加到了背景图片中。当我将鼠标悬停在新闻图像上时，背景图像应该改变，鼠标输出应该显示旧的背景图像。我不知道在mouseover函数上写些什么。
请检查代码，并让我知道哪里需要更改。
Intranet Application
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
padding-top: 0px;
pad
浏览 1提问于2013-11-16得票数 2
3回答
我正在寻找一个参考，以确保我正确地禁用了一个元素。当XHTML问世时，我总是被教导禁用一个元素，如下所示：
<input type="submit" disabled="disabled" />
XHTML的全部目的是通过遵循更多的规则来使HTML语法更加严格。但是，后来我转到W3C上的HTML5工作草案，注意到了 (如disabled)：
<label><input type=checkbox checked name=cheese disabled> Cheese</label>
我的意思是，看起来即将到来的H
浏览 2提问于2010-12-12得票数 4
回答已采纳
我的HTML5画布中有一个图像背景。
var canvas = new fabric.Canvas('#canvas1');
canvas.setBackgroundImage(
'http://fabricjs.com/assets/jail_cell_bars.png',
canvas.renderAll.bind(canvas)
);
如何将画布的尺寸(宽度、高度)设置为背景图像的尺寸？
谢谢。
浏览 3提问于2014-04-30得票数 15
回答已采纳
我想知道'span‘和新的HTML5标签'figure’和'area‘有什么不同。
每种方法的预期目的是什么?适当的用途是什么？例如，我经常使用背景图像的“span”而不是“img”标记来阻止图像可选；实现这一点的最佳元素是什么？
浏览 1提问于2011-05-11得票数 5
回答已采纳
我想在(HTML5)幻灯片的第一页中添加一个情节。我能以动态的方式实现这一点吗？比如说，背景图像将由R码生成，而不是插入半透明的PNG图像.谢谢。
更新：我想要的是
浏览 2提问于2012-12-11得票数 4
回答已采纳
我试图在离子.I中做简单的第一次应用，当我在离子竞争标签中添加争用时，能够生成页脚和页眉.but，我的争用没有显示.when，我检查它在标题下面，为什么？它应该在标题以下.How，我将实现显示离子竞争低于标头？
如何在离子视图中添加背景图像？这是我的代码
<ion-view>
<ion-header-bar class=" bar bar-positive">
<h1 class="title">Title!</h1>
</ion-header-bar>
浏览 2提问于2015-03-29得票数 0
我有DIV，它有两个背景，在我的情况下，它是梯度和图像。我想改变背景图像的大小，但不想改变渐变的大小？有可能吗？
请注意:我不想使用2个DIVs，一个用于渐变，另一个用于背景图像
编辑：
<div id="button"></div>
#button { background: url(img.png) no-repeat 0.5em 0.5em, -webkit-gradient(linear, left top, left bottom, from(#74ae0f), to(#497105)); }
浏览 4提问于2011-05-03得票数 1
回答已采纳
我正在使用HTML5画布制作一个文本编辑器，通过它我可以更新文本、更改字体、移动字体和移动背景图像。
我需要关于在画布中移动文本的帮助-如何使用上下文和鼠标移动事件来完成？
浏览 3提问于2012-09-14得票数 7
2回答
我正在建立一个html5网站，它在chrome和火狐浏览器中运行良好。当我在IE9中启动它时，除了我的背景图像之外，所有的东西都可以工作，它不会覆盖整个站点的高度。我的css的主体是下面，这控制了背景图像及其高度和宽度。
#faq_page {
margin: 0 auto;
width: 1024px;
height: 100%;
padding-top: 0 auto;
background: #9c182f url(../images/faqimage.jpg) no-repeat center;
background-size: 135
浏览 0提问于2013-05-02得票数 0
我使用来使用html5视频作为我网站的背景。
然而，它似乎不能在iPad/iphone上工作，我得到的只是一个黑屏，并且视频不能调整大小。
此外，当窗口的纵横比与视频的纵横比不同时，视频无法正确调整大小。您将看到背景图像开始变得可见。
谢谢!
浏览 0提问于2012-02-13得票数 20
1回答
目前，我主要是自学html5和css，我需要建立一个标题与背景图像和中间的水平条，在那里的标志和导航按钮应该是。我尝试过任何方法，但都想不出一个具体的解决方案。有人能帮上忙吗？
浏览 1提问于2017-05-05得票数 0
我有一个输入文本“type=”字段，并试图用一些默认文本的背景图像替换HTML5占位符属性，该属性不受广泛支持。
在JavaScript中，当表单获得焦点时删除背景图像(以便用户在字段中键入的文本不会与背景图像中的文本重叠)，并在输入失去焦点时替换背景图像(我使用的是onBlur事件)。
除了当用户在输入字段中输入文本，在没有提交文本的情况下转到另一个页面，并在浏览器中点击返回上一页按钮时，页面重新加载，但带有他们没有提交的前一个文本，仍然在背景图像顶部的输入字段中。
我试图修复这个问题，方法是在页面加载时检查表单是否有值，如果有，则删除背景图像，但这部分对我不起作用。
<input t
浏览 0提问于2011-02-27得票数 0
回答已采纳
1回答
我试图把一个代码，把我的背景图像从另一个领域的html文件。下面是一个HTML片段，我试图从外部URL中提取：
<div style="background-image: url(http://anotherdomain.com/images/bgimage_1.png)"></div>
但这不管用。我知道我通常应该把它写在CSS文件中并放置一个相对路径，但我还没有这样做。有人知道这是否可能吗？
浏览 3提问于2014-10-03得票数 0
回答已采纳
1回答
在我将HTML5应用程序托管在Apache上之后，tomcat.My页面没有显示任何背景图像。我把我的项目文件夹( MyExpert )放在根文件夹中，在MyExpert文件夹中有一个图像文件夹和一个css文件夹，.I给出背景图像
background-image:url(../images/myprofile_on.png)
在我的css文件中，除了home之外，我的页面上没有出现图像，page.Though应用程序在localhost.I上运行良好，我尝试了各种方法，但没有取得任何成果。
浏览 3提问于2012-10-18得票数 0
2回答
保存带有背景图像的画布
、、、
我有一个带有背景图像的HTML5画布元素。允许用户在图像上绘制，然后需要将整个画布元素与背景一起保存。我使用下面的代码来保存部分，但它只获得画布图形，而不是背景图像。我可以做些什么来获得背景图像呢？
var canvas = document.getElementById('your_canvas');
var context = canvas.getContext('2d');
// save canvas image as data url (png format by default)
浏览 4提问于2013-03-14得票数 1
3回答
擦除画布绘制的png图像
、、、
我正在为ipad开发一个html5应用程序。我想在画布元素中显示一个带有背景图像的图像。当用户在画布中的图像上擦拭手指时，应该擦除以显示背景图像。下面是我开始编写的代码。现在我只是试着画一条透明的线来显示背景图像。我稍后会担心触摸事件。有什么想法吗？
function draw() {
var ctx = document.getElementById('canvas').getContext('2d');
var img = new Image();
img.src = &
浏览 1提问于2011-07-28得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
