我想在我的css代码中添加背景图像，但它没有加载。如何在css中更改或添加背景图像请帮助我用notpad++写css代码
浏览 2提问于2016-03-23得票数 2
3回答
我有一个HTML文件，其中包含许多背景图像和颜色中提到的外部CSS文件，它是链接在HTML的头标记内。
我想使用CSS变量来捕获背景图像和颜色的路径，并在HTML文件中使用此变量。
是否可以在不使用任何Javascript或服务器端语言或插件的情况下使用CSS变量。我只能使用纯CSS和HTML来实现这一点。我也看过站点，但他们用的是一些插件，而我不能使用。
这是可以实现的吗？如果是这样的话，有没有人能够写一些示例代码呢？
浏览 0提问于2012-07-18得票数 1
1回答
我在ASP.NET中使用Razor页面，并试图添加一个背景图像，同时在背景图像上维护我的文本和图片。我正在添加<html>标记，而不是<body>标记。我以前的实现没有覆盖页面，只是其中的一部分。
我认为最好的做法是将背景图像添加到html标记中，正如我前面所说的，但是我不知道在html代码中应该写什么。
下面是我的CSS和HTML(索引)代码：
<style type ="text/css" >
html {
background-image: url('~/data/backgroundimage.jpg');
浏览 3提问于2020-10-30得票数 0
回答已采纳
我有两个这样的CSS类：
.active {
background-image: url(active.png);
opacity: 1;
}
.inactive {
background-image: url(inactive.png);
opacity: .5;
}
我想调用一个函数，它将从一个背景图像转换到另一个背景图像，同时也处理不透明度的变化。理想情况下，应该是这样的jQuery调用：
$('.active').animate('.inactive', 500); // 500 is the duration of t
浏览 2提问于2011-06-09得票数 5
1回答
我想创建一系列按钮。当用户将鼠标悬停在按钮上时，我希望在背景中显示不同的图像。bg图像之间的过渡应该是平滑的交叉淡入淡出。
我粘贴了一些代码来显示我的设置：
注意:阻止背景图像可选会很好--这是否意味着使用css背景图像？
如果有人能帮我写一些代码来实现这一点，或者给我指出一个好的教程的正确方向，我将不胜感激。
提前感谢您的帮助。
浏览 2提问于2012-02-27得票数 1
回答已采纳
我有一个JavaScript文件，它可以找出月亮的周期，然后选择两张当前的月亮图像作为背景图像放到我的网页上。我得到它作为图像的工作很好，但设计需要他们出现在CSS格式的“背景图像”。当我将代码移到HTML文件的头部(最初在正文中)时，它只是将代码打印为页面上的文本。
.js文件是这样写的：
n="body {background-image: url('../moon/n"+moonday+".png') no-repeat right top;}"
r="body {background-image: url('../moon
浏览 4提问于2012-03-08得票数 1
回答已采纳
我两天前才开始使用bootstrap。
我现在面临的问题是，我不能把背景图片放到我的整个页面上，甚至我的巨型加速器上。我尝试直接给出div标签的路径(包括相对路径和绝对路径)，但不起作用。我也尝试过css，但在我的输出中仍然看不到任何背景图像。请帮帮我！
我主要想要有一个巨型加速器的背景图像。
这是我写的代码：
Html：
<div class="row">
<div class="jumbotron">
<div class="container">
<c
浏览 0提问于2015-10-10得票数 0
2回答
如何告诉我的css代码背景图像的来源是LinkedResource ?
将其添加为<img src="cid:Photo0" />是可行的，但我无法按照我想要的方式对其进行样式设计。
我已经尝试过这个css background-image:'cid:Photo0' -- background-image:url('cid:Photo0')以及其他引号和双引号的组合，但是链接的资源将以这种方式显示为附件，带有此css代码的div要么会丢失背景图像，要么有时看起来会像这样：
<DIV cid:Photo0?);margin:70p
浏览 2提问于2014-02-26得票数 1
回答已采纳
这快把我逼疯了。我正在尝试设置一个链接的背景图像，我给这个链接设置了类属性replace。当我使用我在下面写的代码时，它只显示了文本'Logo link‘的长度的背景图片，没有高度，即使我在下面的样式里指定了宽度和高度为334 x 67像素。我做错了什么？
<style type="text/css">
#head #logo a { background: url('www.example.com') !important; width: 334px !important;}
#logo .replace
{
width: 334px;
h
浏览 0提问于2011-05-25得票数 1
回答已采纳
我是一个新的代码一般，目前正在学习html和css，现在我试图重新创建这个模型我做的。到目前为止，我把它写对了。
然而，我最初打算在css中添加图像作为正文的背景图像，我对自己说，这可能不是做这件事的方法，所以我尝试在html中添加图像，我正在努力弄清楚如何使它不干扰左边的文本部分。
浏览 5提问于2019-11-17得票数 0
回答已采纳
1回答
我刚刚开始写博客，.I用google创建了这个博客。但我被一个小问题困住了。
我已经为整个博客申请了背景图片。但是，我的帖子都有白色的背景图像。有谁能帮你删除个人帖子的背景色吗？请注意，我的文章中没有一篇文章使用html中的背景颜色。我的意思是，我没有设置任何背景&这个标记在html源代码中是不可见的。
我尝试过在blogspot .But中添加很少的css，但都没有效果。有人能帮我吗？
链接到我的博客是；
浏览 2提问于2014-08-22得票数 2
回答已采纳
1回答
我有一个标题，其中有一个css背景图像，我想以每50ms 1px的速度侧滚。然而，背景图像根据用户计算机上的时间而变化，我无法确定如何进行此操作。我确实写了侧滚屏本身的代码，但没有写其他代码。
用于侧滚的Javascript (没有其他东西)：
setInterval("mvheader()",50);
function mvheader () {
window.cssXPos=window.cssXPos+1;
if (window.cssXPos>=window.cssMaxWidth) {
window.cssXPos=0;
}
toMove=document.ge
浏览 3提问于2011-11-09得票数 0
回答已采纳
2回答
这一定是一个共同的问题，但我真的找不到任何解决办法。有一个文本字段(文本将写从右到左)，它有一个弯曲的背景图像。问题是光标必须只停留在红色方框区域。
下面是我想出的四种解决方案。
1-创建一个带有背景图像的div，并在其中放置一个文本字段.。
除非文本字段是透明的，否则它将覆盖背景图像。使用CSS设置它的透明度？我担心一些浏览器不支持它：
2-将背景图像分成3部分(左、中、右)，并将它们连接在一起.textfield位于中间div.中。
这没什么..。但是代码看起来会很混乱:S .：以前:在选择器派上用场之后呢？
3-背景图像保持不变，但文本字段大小减小并定位为中心。。
这将是最好的
浏览 5提问于2013-07-04得票数 0
回答已采纳
1回答
新扩展可能需要的权限？
、、、、
基本上，我正在写一个扩展来替换网站的背景图像。我使用CSS将扩展中的背景图像替换为图像。这是我的style.css：
body {
background-image:url( chrome-extension://moeiggeeiijobkphiljnhlpndjmmpohc/options/smile.jpg ) !important;
}
我不知道为什么这不管用。url路径是正确的；如果我在地址栏中键入它，将会显示图像smile.jpg。我还试着用我安装的其他扩展的图片来替换url，比如"chrome-extension://pkmbgbnldenjnbgbigpkjokfdf
浏览 0提问于2013-06-27得票数 0
回答已采纳
2回答
我有一个问题-我试图包括一个背景图像使用CSS的图层，但它不工作…CSS文件如下所示
header {
background-image: url("boisko.jpg");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
主文件如下所示
<?php
error_reporting(0);
echo "<style>";
include "styl.css";
echo "</style>
浏览 2提问于2016-06-23得票数 0
1回答
我想写一个jQuery插件来动画从cover到100%的background-size属性，反之亦然，但我不知道如何将cover设置为百分比值，是否有可能获得调整大小的背景图像的宽度和高度？
我知道我可以得到$('#selector').css('backgroundSize')，但是我得到了cover，我想把它转换成当前背景图像的宽度和高度，我该怎么做呢？
浏览 5提问于2012-02-01得票数 1
回答已采纳
5回答
我的目标是让背景图像跨越整个屏幕，如下所示：
我试图将我的背景图像更改为灰度，但每次我这样做时，它都会更改所有写在图像上的文本。我假设过滤器应用于my div中的所有内容。我的代码如下：
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css"
浏览 3提问于2015-09-22得票数 1
我写这些简单的代码行是为了仅在.elemproduct div有背景图像集的情况下才显示它。
我是在Chrome下开发的，我刚刚意识到这段代码只能在Webkit浏览器下运行。失败时，它会显示每个.elemproduct，就好像if语句未被识别一样。
function hideBox() {
var $bg = $('.elemproduct');
$bg.each(function() {
if ($(this).css("background-image") === "url(####)") {
re
浏览 0提问于2011-10-14得票数 1
回答已采纳
2回答
我想在我所有的网页中显示背景图片pages.My正文css代码
body{
background-image:url('image/silver.jpg');
background-repeat:no-repeat;
background-size:cover;
}
我将此页面包含在我的页面中
<link rel="stylesheet" type="text/css" href="css/body.css">
但这不能显示背景图像now.If我在头部包含了正文css代码，它显示背景图像。
浏览 1提问于2015-01-27得票数 0
2回答
我有一个背景图像被拉伸，以适应整个屏幕。我正在尝试写一个脚本，将更改为另一个图像的背景。我当前的脚本没有拉伸图像以适应整个屏幕，而是将图像居中。此问题发生在Firefox、IE和Opera中。看起来Chrome和Safari没有受到影响。我按照教程创建了整个页面的背景图像。
CSS：
html {
background: url(../img/01.jpg) no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size
浏览 1提问于2012-05-07得票数 1
回答已采纳
1回答
我想写自己的图像缩放JS代码(类似于)，但这个插件和所有其他插件的问题是，它依赖于img标签，而我想使用背景图像来实现相同的效果。
我已经创建了我所在位置的jsFiddle，但我在尝试重新创建鼠标移动时遇到了问题。我想，当你悬停时，它可以缩放背景图像(或者用更大的图像替换通过JS的url src )，但我不知道如何跟随图像/容器的边缘，而不是图像跟随指针。
$('.inner').mousemove(function(e) {
$('.each-image .bg').offset({
left: e.pageX,
浏览 1提问于2016-06-24得票数 0
1回答
当用户滚动页面时，我试图更改背景图像。我写的代码不起作用。我正在WordPress网站上运行这段代码。下面是我的密码。
<script type="text/javascript">
jQuery(document).ready(function( jQuery ) {
jQuery(window).on('scroll touchmove', function() {
if (jQuery(document).scrollTop() >= jQuery('#one').position().top)
浏览 8提问于2022-02-12得票数 0
回答已采纳
我试图在“css.scss”文件中添加一个背景图像。我一直在犯这个错误：
无效的CSS在“.und-image: url("：Ex期”)之后是"<%= asset_path(.)“(以/Users/caseyrees/Projects/citycreek/app/assets/stylesheets/custom.css.scss)表示)
我就是这样写的：
background-image: url( <%= asset_path 'home/facebook.png' %>);
如果我将文件扩展名更改为“css.erb”，它似乎会正常
浏览 2提问于2013-01-16得票数 3
回答已采纳
我刚刚开始学习CSS。我喜欢学习的一种方式是从我欣赏的站点复制源代码，然后自己“重建”它，以了解它是如何做到的。我没有使用这个网站，也没有偷它--我只是在练习。例如，我将从样式表中提取不同的s，然后在我自己的页面中使用它，看看它是如何工作的，等等。有时我很难看到背景图形在代码中是如何工作的，所以我想实际获得背景图像，以确定该图像是什么(因为在CSS中，由于背景颜色与图形的混合等原因，这有些困难)。
无论如何，在“传统的”HTML网站中，您可以右键单击图像并将其保存到您的计算机中。你能在CSS中做到这一点吗？我可以获得.css样式的文件(它们将在记事本等中弹出) --但是我可以获得图形吗？
ID
浏览 3提问于2010-02-19得票数 2
2回答
我正在写一个网站，我有一个问题。背景图片没有放大。这是一张图片：
HTML：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="reset.css">
</head>
<body>
<header class=&#
浏览 4提问于2020-10-10得票数 0
1回答
我在上的Bootstrap代码有问题。
在主体的顶部是一个容器：
<div class="container">
<div class="row">
<div class="col-xs-12" id="banner-hdr">
/div>
</div>
</div>
CSS
#banner-hdr {
height: 405px;
background-image: url("../images/banner-
浏览 0提问于2016-02-03得票数 0
12回答
我想使用一个图像文件作为背景图像 ..。但我不知道该怎么做。首先，我读到 这个 并尝试在css文件中像下面这样写。 #third{
background: url("img/sample.jpeg") 50% 0 no-repeat fixed;
color: white;
height: 650px;
padding: 100px 0 0 0;
} 但这是行不通的。 {% load staticfiles %}
#third{
background: url({% static "img/sample.jpeg"
浏览 286提问于2016-09-29得票数 38
回答已采纳
这是我的CSS
.test {
background-image:url('images/smiley.gif');
background-repeat:repeat;
}
这是我的HTML：
<div class="test" id="xyz">some code which should come background to image</div>
我写的代码设置了一个背景图像。
但是我想把一张图片放在文本的上面，而不是它的后面，这样它就可以覆盖文本了。(我还希望它自动重复以填充元素，该元素可以是任何大小。)
浏览 0提问于2012-08-08得票数 6
回答已采纳
2回答
因此，对于我的一个新项目，我决定写一个超级简单的视差脚本为一些背景图像卷轴。这就是我想出来的：
$(document).ready(function(){
parallaxScroll();
$(window).bind('scroll', function() {
parallaxScroll();
});
});
function parallaxScroll() {
$(".parallax").each(function() {
if($(this).hasClass('reverse')) {
浏览 1提问于2014-07-11得票数 2
3回答
隐藏/显示正文背景
、、、
我正在开发一个新的网站，我正在使用一个背景图像轮转器(刷新后)。我做了一个开关，你可以打开/关闭背景图像。
我发现一些脚本可以用div来实现，但不能用css中的body实现。因此，当打开/关闭开关时，我需要删除"background:“。
有没有人能帮我写一个jquery/javascript脚本？
body {
margin: 0;
padding: 0;
background: url("../img/landingpage/background/random.php") fixed no-repeat;
background-size: cover;
color:
浏览 0提问于2014-03-20得票数 0
8回答
假设我有
<div class="myDiv">Hi there</div>
我想放一个background-image，给它一个opacity of 0.5，但我希望我写的文本具有完全不透明度(1)。
如果我能像这样写CSS
.myDiv { opacity:0.5 }
everything将处于低透明度--我不想那样。
所以我的问题是-我如何才能得到低不透明度背景图像与完全不透明的文字？
浏览 11提问于2011-08-30得票数 104
回答已采纳
2回答
我有一个使用背景图片的CSS样式(代码：background-image: url("folderimage.jpg");)。有没有办法使用jQuery/CSS在多个CSS背景图像之间旋转？(请举例说明)。
浏览 1提问于2012-04-27得票数 0
回答已采纳
在我的jsp文件中，html代码如下所示
<div class="itemadd">
<div class="blur">
</div>
</div>
css代码为：
.itemadd {
position: relative;
width: 100%;
height: 100vh;
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
浏览 13提问于2021-09-23得票数 1
昨天我访问了Artstation，我注意到Artstation上每个配置文件顶部的主要背景图像上有一个很酷的效果。如果从桌面大小向左调整窗口大小并使窗口变小，则图像开始调整大小，内部大小约为1430 px，内部大小约为1010 px，之后停止调整大小。调整大小与调整普通图像的大小一样，但这是一个背景图像。这种效果对于响应式设计来说很好。
我试过检查CSS，但我找不到答案。有人能告诉我这是怎么做的吗？
这是一个随机选择的个人资料，我正在查看，以显示我的意思：
当我尝试使用背景图像时，我使用以下代码：
.topContainerBackground
{
background-image: url
浏览 1提问于2018-09-12得票数 0
2回答
我写这篇文章的意图是，每次用户访问一个站点时，都会随机处理一个背景图像。我不得不使用Ajax，因为这个图像被用作css中带有一些动画的背景图像。
var images = [
'1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg'];
var randomNumber = Math.floor(Math.random() * images.length);
var randomImage = "img/backgrounds/"
浏览 5提问于2014-11-28得票数 0
回答已采纳
我正在写一个响应式的网页，它有一个背景图像和一个按钮。该按钮需要位于图像上的特定位置。现在，我正在创建一个带有背景图像的div (不同于移动设备、平板电脑和桌面断点)，并在图像上创建一个css按钮。当我调整窗口大小时，问题来了，在相同的断点内，背景图像会调整大小，但css按钮被放置在背景div的父容器中，从而移动。
代码片段如下所示
<div class="imgContainer">
<a href="/gotohere.html">
<span class="goto_btn">Cl
浏览 2提问于2014-05-12得票数 1
2回答
全,
我有一个具有以下结构的PHP MVC应用程序：
helloworld
- application
- configs
- controllers
- models
- layouts
- include
- library
- public
- .htaccess
- index.php
- design
- css
- style.css
- struct.css
- js
- images
- bg.gif
我在apache中
浏览 2提问于2010-11-13得票数 0
3回答
简单地说，我试图在css代码中添加背景图像。
body {
line-height: 1;
background-image:url(../img/bg1.jpg);
}
但是在使用localhost/foldername/index.php进行测试时，没有出现背景图像。
有趣的是，我可以编辑背景色( background-color:#993)。
我的文件夹树是这样的；
+Main Folder
+css
style.css
+img
bg1.jpg
你能帮我为什么我不能添加背景图像到css正文。
浏览 7提问于2015-04-15得票数 4
回答已采纳
2回答
我有一些Javascript，它会在Ajax帖子之后触发。
当javascript触发时，我希望给<section class="section-1653">提供一个与CSS文件中指定的背景图像不同的背景图像。
我正在运行下面的代码，我可以看到字体大小正在设置，但背景图像不是。
为什么没有设置背景图像属性？
$("section.section-1653").css({"background-image": backgroundImageUrl,font-size": "200%"});
浏览 4提问于2016-01-28得票数 2
回答已采纳
1回答
我有一个带有图像块的HTML模板。这些图像是通过CSS加载使用背景图像。现在的问题是，我无法将这些变量从PHP代码传递到CSS中。我想出的唯一解决方案是在背景图像链接中使用内联的HTML属性，或者将图像链接保留为HTML中的数据属性，然后使用JavaScript放置背景图像css。还有其他想法吗？
浏览 5提问于2017-09-04得票数 2
回答已采纳
我制作了一个最基本的html和一个最基本的css。我想先放一张背景图片。我不希望在html中定义样式，而是在单独的css文件中定义样式。
我做了这个：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title
浏览 6提问于2021-08-17得票数 0
回答已采纳
我一直在使用带有Hoplon和Castra后端的build工具一段时间，但最近遇到了一个我似乎不太理解的小故障。它经常发生在我所有的Hoplon项目中。问题似乎是，当我进入本地主机:8000在浏览器中，有时它会正确地显示用'app.css‘写的CSS，有时它不显示。除此之外，它有时会显示背景图像，有时不会显示。我的意思是在浏览器中。
我已经尝试了很长一段时间来调试这个错误，并且找到了一些方法来获得这两种加载，但并不一致。有时，如果我编辑hLisp页面并保存它，就会加载CSS和背景图像，但有时这不起作用。另一种方法是编辑app.css文件并保存。两者都有点不可靠。
任何帮助都将不胜感激。
浏览 3提问于2017-12-19得票数 1
回答已采纳
3回答
我想要一个CSS div，它有一个背景图像(整个图像大小为950 pxx306px)，它显示整个背景图像，并根据浏览器大小调整背景图像的大小。
因此CSS div代码应该：
有一个背景图像，最大宽度为950 on，最大高度306 on显示整个背景图像(调整图像大小以填充整个div )自动调整大小，取决于包围div/浏览器宽度的大小(一些定义为width="100%")。
有人能帮忙吗？我对CSS非常陌生，一直在尝试许多不同的方法，但似乎没有一种方法有效。我真的很感激你的帮助！
请不要JQuery :)
浏览 5提问于2011-07-26得票数 0
回答已采纳
如何设置html正文背景图像我的图像在FlasApp->静态->静态中有两个文件夹(css和)-> .css文件中使用了以下代码：
body {
background: url("images/background.jpg");
}
在.html文件中使用了以下代码：
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
但既不显示背景颜色，也不显示背景图像。
浏览 1提问于2018-06-23得票数 1
回答已采纳
<style type="text/css">
.RadWindow .rwWindowContent .radalert
{
background-image:url("images/InfoImg.png");
}
</style>
上面的代码在css文件中，我想改变上面css文件的背景图像，当用户调用Jquery服装函数时，我想改变rad alert的背景图像。
浏览 0提问于2013-05-17得票数 0
我正在上几门关于HTML和css的课程，但是我真的很难理解如何用外部CSS制作背景图像。我是成功的外部css在其他方面，只是不是背景图像。
这是我的HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Forms</title>
<link rel="stylesheet" type="text/css" href="/CSS/forms.css">
</he
浏览 1提问于2016-04-12得票数 0
回答已采纳
2回答
我想在Django提供的一个网页中使用背景图片。理想情况下，我使用css文件并使用css背景图像属性，但是当我将其放入css文件中时，它不会呈现，但如果我将代码放入HTML文档(内部样式表)中，它将呈现出来。所以，总结一下。下面是完全相同的代码：
<style>
body {
background-image: url("{% static 'Kitchen.jpg' %}");
background-repeat: no-repeat; background-attachment: fixed;
}
<
浏览 2提问于2016-04-23得票数 0
7回答
我有这样的代码：
if (pansel.val() == "1")
$(#myDiv).css('background-image', 'url(/private_images/guida_check_category.jpg)');
else
$(#myDiv).css({ 'background-color': '#ffffff' });
我看到，当我应用背景图像时，下面的代码：
$(#myDiv).css({ 'background-color': '#fff
浏览 0提问于2011-07-19得票数 21
回答已采纳
1回答
我希望在php中加载一个css文件，然后使用它们作为数组键使用的css类创建一个包含所有背景图像的数组，而忽略所有其他不调用背景图像的css块。下面是虚拟代码，但我想它应该是这样的：
function makeArrayOfBackroundImages($css) {
$foo = someRegExKungfu;
foreach ($foo as $class => $background) {
$bar[] = $class => $background;
}
return $bar;
}
$css = file_get_co
浏览 3提问于2014-02-17得票数 0
回答已采纳
我知道我可以淡入淡出div和元素，但我也可以动画属性吗？我刚刚在更改某个div的背景图像属性时想到了这一点。并认为如果背景图像也淡入会很酷;)
这是我用来替换背景图片的代码。但是它能被动画吗？
var originalBG = $('#wrapper').css('background-image');
$('.bggallery_images img').hover(function () {
var newBG = "url('" + $(this).attr('src');
$(&#
浏览 2提问于2010-05-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
