css两个背景图像
两个背景图像是网页布局中常用的技巧，通过设置背景图像，可以使网页更加美观和吸引人。在 CSS 中，可以使用 background-image 和 background-size 属性来设置背景图像。
background-image 属性用于设置网页元素的背景图像，可以设置一张或多张背景图像，每张图像可以设置一个或多个坐标。例如：
.container {
background-image: url(bg1.jpg);
}上面的代码将 .container 元素的背景图像设置为 bg1.jpg。
background-size 属性用于设置背景图像的大小，可以设置宽度、高度和裁剪方式。例如：
.container {
background-size: cover;
}上面的代码将 .container 元素的背景图像设置为全屏显示。
除了以上两个属性，还可以使用 background-repeat、background-position、background-attachment 等属性来设置背景图像的显示方式。
总之，使用 CSS 设置背景图像可以使网页更加美观和吸引人，是网页布局中常用的技巧之一。
相关·内容
3回答
我已经摆弄了足够多的CSS示例和HTML来创建一个时髦的(在我看来)网站。我有两个CSS (部分)的背景图像，它们都调用我的styles.css文件中的元素来将它们的背景着色为黑白。但是，我想在这两个部分之间有一个图像分隔符。
我看了像这样对我没有帮助的文章。
我已经尝试了<>方法，但没有得到任何结果，我尝试了"div class“方法，然后我的图像出现了！然而，它被我的另外两个背景/部分所覆盖/覆盖。
我如何将我的图像放在两个部分背景颜色分离的中间，以及如何使它覆盖我的两个部分/背景？
让我用ASCII画出我想要的样子..
WWWWWWWWWWW <--白色背景/
浏览 21提问于2016-09-15得票数 1
回答已采纳
如何设置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
回答已采纳
我在没有使用JS的情况下试图实现的目标可以在上看到。
基本上，我想显示两个图像，都是居中的，一个在背景中，一个在前台中。
背景图像：如果覆盖整个窗口而不影响高宽比，这意味着图像将始终触及窗口的两个相对边缘，但图像将被裁剪为。
Forground ：在不影响宽宽比的情况下，应该是窗口内的，这意味着图像总是会碰到窗口的两个相对边缘，但是图像不会被裁剪。
不管是<div>还是<img>标记，只要它们显示的是图像。
Asume还指出，图像大小是预先知道的，可以用于CSS或HTML部件。
所以我的问题是:是否可以只使用CSS或CSS3？
如果这是不可能的，
浏览 0提问于2011-11-01得票数 11
回答已采纳
我有一个有CSS背景图片的<a href=""></a>。在CSS中，我使用:hover伪类来更改背景位置。
我想用jQuery来fadeIn和fadeOut两个不同的背景图像。我不想动画背景位置，但fadeIn和fadeOut是两个不同的CSS类。
这个是可能的吗？或者我需要另一种方法？
浏览 3提问于2009-12-07得票数 1
回答已采纳
我希望我网站中的图片在背景上是透明的，比如png格式，但是当我包括png图像时，png图像后面的黑白框就会出现，因此我很难用CSS定位图像，因为这些图像有背景，所以看起来很奇怪，与CSS定位元素不能正常工作。
这是HTML中的两个图像
<img class="bottom-cloud" src="cloudwithback.jpg">
<img class="mountain" src="mountain.jpg">
CSS代码:这是CSS代码，用于使图像的背景透明。
.top-cloud
{
he
浏览 4提问于2019-07-21得票数 0
回答已采纳
我的问题
我试图将两个背景图片设置为我用Elementor创建的wordpress页面。如果我给身体设置了两个背景图像，我可以很容易地做到这一点。但是我的客户想用Elementor编辑这些背景图片中的一张。问题是Elementor只允许我添加一个背景图像(Elementor将其添加到身体中)。
如何通过元素设置一个背景图像，通过css设置整个页面的一个背景图像？
我在想，我需要另一个div就在身体标签的开头和结尾。但我怎样才能把它加进元素中呢？
这就是我现在使用自定义css所做的事情。它的工作原理，但背景图像是不变的元素。
body {
background-image: url(image
浏览 12提问于2022-01-26得票数 -2
我有一个背景图像和一个矩形的css在上面。我需要的是，两个半圆应该通过这个矩形掩蔽，背景图像应该通过这个矩形看到，如图像中所示。
浏览 5提问于2014-01-07得票数 2
回答已采纳
1回答
我有一个按钮图像，我使用作为一些链接的背景图像。
背景图像有圆角。
我希望使用css拖放阴影，而不是将拖放阴影放在图像中。
问题是，下拉阴影似乎是在元素周围绘制的。虽然我希望通过背景图像的透明部分看到下降的阴影颜色，但我看到的是背景色()。
我的实际目标稍微复杂一点，但如果我能满足我的前三个要点，那么我就可以确定这个任务。具体来说，我想要做的是使用两个嵌套元素，将按钮图像的左右部分(圆角)的背景图像包含在一起，这样我就可以使用相同的css将任意长度的文本包装成“按钮”。由于背景重叠在css‘滑动门’风格，一个pngα下降阴影显示一个2倍黑暗的部分，其中的图像重叠。苏..。我
浏览 0提问于2012-03-05得票数 16
回答已采纳
在我的项目工作中，我有两个css文件，一个用于索引页，另一个用于主页。我想我应该把这两个css文件放在一个文件夹里，这样，如果在接下来的几天里，如果我添加了更多的css文件，那么对我来说，很容易在一个文件夹中找到它们，所以，我做到了。我还有一个文件夹用于图片。
我的问题是，当我从css (背景图像属性)添加一个图像到我的任何页面时，它不会在那里显示，但从html img src=‘’属性添加的其他图像都会显示。
当我再次将css文件夹中的两个css文件与index.php，home.php放在一起时，所有那些先前css背景图像属性没有显示的图像都再次显示出来！发生这种情况的原因可能是什么？
浏览 1提问于2014-11-29得票数 0
1回答
我购买了这个模板在线，我添加了单独的背景图像，css图像和。我想要两个重叠的背景图像。
页面在chrome和Safari中显示得很好，但在firefox中，附加到的背景图像不显示，附加到显示上的图像，但忽略y位置。
有人能帮我了解一下发生了什么吗？
谢谢!
浏览 1提问于2014-11-23得票数 0
回答已采纳
您好，我的HTML页面上有一个固定宽度和高度的DIV。在正常状态下，它应该在背景上显示图像A，在悬停状态下，它应该显示图像B。我知道如何使用CSS和两个图像文件A和B。在某个地方，我看到这两个图像(A和B)被放到一个图像文件中，然后他们以某种方式编写了CSS，以便在正常状态下，DIV在背景上显示图像的上半部分，在悬停状态下，它显示图像的下半部分。你能建议CSS代码来实现这一点吗？DIV没有位置集，但它是具有相对位置的DIV的子项。提前谢谢你。
Vojtech
浏览 0提问于2012-04-13得票数 0
回答已采纳
1回答
在我的aspx页面中有两个img标记，如下所示。
<img src="../Images/icon1.png" class="img-style" alt="Icon" />
<img src="../Images/icon1.png" class="img-style" alt="Icon" />
两个img标记都使用与src属性相同的css类和相同的图像。
出现了这样一个论点：“删除每个img标记的src属性，并添加与CSS类中的背景图像相同的图像，这样的效果更好，而且性
浏览 0提问于2014-07-18得票数 0
回答已采纳
9回答
我只是想知道其他人在这方面是怎么做的：
您是否尝试将位置CSS (布局)与颜色/风格CSS (颜色、背景颜色、背景图像、字体大小和系列)分开？
使用两个样式表？在服务器端合并两个样式表？CSS的抽象层？或者你甚至都不试一试？
我知道，有时在同一个web项目上工作了六个月后，我通常可以忍受位置CSS，但最终想要改变颜色/图像。
浏览 8提问于2009-01-30得票数 20
回答已采纳
我的站点上有两个图像，一个是简单的图像(在HTML文件中)，另一个是通过标记添加到HTML文件的容器(页面的主要部分)的背景(在CSS文件中定义为" background - image :url(x)")。页面的其余部分的背景为#eeeeee (略暗的白色)。
设置了两个图像的z索引，使图像位于背景图像的顶部，这正是我想要的……但是，我可以透过图像看到背景图像。这是因为具有不透明度:0.4作为样式属性。所以它显示到后台是有道理的，但是有什么方法可以让它透明到我的#eeeeee背景吗？
浏览 0提问于2013-10-02得票数 0
我的HTML包含几个100%宽度的div，它们应用了背景图像规则。周围的每个画布div都是相对位置的，而背景图像div是绝对位置的。
每个背景图像div都有一个background-size: cover；，但由于某些原因，这不起作用。
请查看此页面，例如：
应用了背景图像的前两个“滑块”部分在左侧和右侧显示白条。这两个部分将1980x1000像素图像应用于背景图像CSS，而向下的其余滑块则应用了更宽的图像。
不知何故，我不明白为什么background-size: cover在这里不起作用。
有什么想法吗？
浏览 0提问于2017-10-26得票数 0
2回答
我目前正在为CMS创建一个模板，它可能会有一些与内容无关的图像。它们将显示在文本后面。因为他们将由用户上传，我不能插入他们通过CSS作为背景图像。因此，另外两种可能的方法是，要么将它们作为图像添加，然后通过CSS将它们放到后台，要么将它们作为背景图像插入到父div中。这两个选项都不是很完美，但我想知道这两个选项中哪一个会是“更”正确的选项。
浏览 0提问于2016-04-05得票数 0
回答已采纳
3回答
我有两个html页面(index.html和about.html)，在body标记中有相同的背景。我使用以下CSS创建背景：
body {
background: url("http://www.skrenta.com/images/stackoverflow.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
然而，浏览器(Firefox和Chrome)没有正确定位图像。由于背景颜色是白色的，index.html在背景图像
浏览 6提问于2013-12-11得票数 0
回答已采纳
1回答
我已经引用了这个，但不知道如何应用单独的背景位置属性，因为这两个images.This是我的css属性
css{ background-image: url('...img1.png'), url('....img2.png');
background-position: 0;
background-repeat: repeat,no-repeat;
background-size: 14%;
}
我希望能够为背景位置和背景大小属性应用不同的值，而不是一个图像上的属性影响另一个图像的位置和大小。
具体地说，我希望图像1的background-position为默
浏览 0提问于2013-09-08得票数 0
我有一个网页登录弹出窗口。登录表单包含两个字段:用户名和密码。两个输入域都有一个背景图像(在CSS的帮助下显示)。
但在登录过程中，chrome浏览器的自动填充功能会在表单字段中填充数据，并隐藏背景图像，图像显示在输入字段的最左侧。所以，这并不像是文本覆盖了图像。
我读到了其他建议将图像移出输入域的答案。我只需要在输入框中的图像。什么CSS或JS技巧可以用来在输入框中显示背景图像，即使是在Chrome浏览器的自动填充上？
这是我正在尝试的：
HTML：
<input class="form-text-inputs"
type="text"
浏览 17提问于2016-07-24得票数 3
回答已采纳
1回答
我有一个使用css设置背景图像的按钮，有时需要在代码中动态地更改它。但是如果我改变它，我会看到两个图像，一个在另一个上面。
这是我的css：
ExpertVideoButton{
cn1-derive: Label;
background-image: url(images/play-video.png);
cn1-source-dpi: 180;
cn1-background-type: cn1-image-scaled-fit;
}
我的密码是：
mStateMachine.findViewVideoBtn(f).getAllStyles().setB
浏览 1提问于2016-03-10得票数 1
1回答
所以我使用CSS的Background-blend-mode属性，它的工作原理是:在CSS中，您为同一div id定义了两个背景图像，如下所示：
#img2 {background-image: url(img1.jpg), url(img2.jpg);
background-blend-mode: multiply;}
如果我想通过jQuery改变一个div id的背景图片，我可以用下面的代码来完成(考虑到图标是我的变量，我用它来保存图片的url )：
$('#img2').css({'background-image':'url('+icon
浏览 0提问于2014-12-05得票数 0
3回答
如何制作(只使用CSS，没有bg图像) html表格单元格(TD标签)具有红色的左半背景和绿色的右半背景。我不想要两个单元格，只需要一个由CSS定义的具有两种颜色背景的td单元格。
浏览 0提问于2015-07-03得票数 3
回答已采纳
3回答
我在<input type="submit">上使用背景图像使它看起来像一个按钮。因此，我的CSS中有以下内容：
input.button {
background-image:url(/path/to/image.png);
}
此外，当按钮被禁用时，我希望显示不同的图像，下面的CSS应该这样做：
input.button[disabled] {
background-image:url(/path/to/disabled/image.png);
}
问题是，在iPhone浏览器中，禁用的图像是在普通图像的之上绘制的，而不是代替的。我认为这是因为C
浏览 6提问于2011-05-05得票数 0
回答已采纳
1回答
你好！谁能解释一下，如何在HTML/CSS或HTML 5/CSS 3/JS中达到这种效果？
当图像中的文本或背景上的文本一起失效时，我就有了结果。使用图像，作为剪辑掩码。
示例：
变体
变体
备选案文三：
我需要的，需要结合两个选项--
我如何定位文本在图像，背景与文字一起？非常感谢!
Links to jsFiddle code
浏览 2提问于2013-09-12得票数 0
3回答
我有两个div(具有不同的背景颜色)和一个图像。我想让这两个div作为这一部分的背景，并在这两个div上放置一个图像，但在左侧。我想使图像采取50%的大小在任何设备上。因此，两个div的图像和背景颜色都完全匹配。
这是我正在处理的代码。
.upper {
background-color: #fff8f0;
width: 100%;
height: 288px;
position: relative;
}
.lower {
background-color: #ffe9cd;
width: 100%;
height: 412px;
position: re
浏览 0提问于2020-05-27得票数 0
3回答
基本上，我试着用图片和CSS来模拟Photoshop的图像叠加功能。
菜单背景图像有两个版本:一个是正常状态(粉红色)，另一个是活动状态(蓝色)。整个菜单被包装在一个DIV中，以正常(粉红色)图像为背景。
我如何使它，使每个活动菜单链接使用相应的切片蓝色图像？
如下所示：
你认为CSS能做到这一点吗？
浏览 6提问于2011-08-06得票数 3
回答已采纳
3回答
多个透明背景图像
、、、、
我有两个背景jpeg图片，垂直重复跨越整个左和右边界的我的网站。
这是我的代码：
.gradients {
background-image: url("outer-gradient.jpg"), url("outer-gradient-horizontal-flip.jpg");
background-position: top left, top right;
background-repeat: repeat-y;
}
<body>
<div class="gradients">
<div>
浏览 0提问于2016-10-29得票数 0
回答已采纳
我一整天都在尝试让wordpress购物者主题中的标题图像正确响应。图像正在调整大小以适应其屏幕显示，但它正在调整为小或两个大。
有没有一个css可以用来为不同的显示添加不同的图像。例如，我可以在小于424px的显示器上调用不同的标题图像吗？
文本覆盖也太暗，无法很好地阅读。如何将标题文本外观调整为带有某种阴影的外观。我在wordpress上使用购物者主题。
对于{}屏幕{}@纯媒体屏幕和(最大宽度:424px){您的div css here背景图像{.img-：url("");}}
对于{}屏幕{}@纯媒体屏幕和(最大宽度:800px){您的div css此处背景图像{.im
浏览 12提问于2018-08-09得票数 0
实际上有两个问题，一个是浏览器特有的。如果你能提供任何帮助，我们将不胜感激.
如果您单击页面中间的白色框class="submit"框，背景图像会发生变化，程序将在Internet中继续运行，但在火狐浏览器中不会继续。
这个问题#2已经解决了 2。如果单击白色框，它应该会触发背景图像的更改，但在Internet中没有发生这种情况(
创建背景图像的原始css是
body {background-image:url('kissum.jpg');}
更改背景图像的未工作代码是
var img1 = "url('subway.jpg&
浏览 0提问于2011-07-08得票数 0
我正试图将我的特色图像设置为CSS中的背景图像。
我需要在HTML和CSS的两个地方显示相同的特征图像。
如何在CSS中使用the_post_thumbnail()？
<div class="magnify">
<div class="large"></div>
<img class="small" <?php the_post_thumbnail( 'large', array
('class' =>'img- r
浏览 1提问于2016-06-02得票数 2
回答已采纳
我目前有一个具有3种不同背景图像的类，我希望能够使用和 for background-repeat，它允许您指定不同的x和y重复值。
以下css不起作用：
background-repeat: no-repeat no-repeat, no-repeat round, no-repeat no-repeat;
Firefox发出警告
预期的最终价值，但找到了“圆”。“背景-重复”的解析值出现错误。声明取消了。
但是，使用单值语法可以处理多个图像：
background-repeat: no-repeat, round, no-repeat;
两个值的语法确实适用于单个图像：
backg
浏览 1提问于2015-02-28得票数 0
回答已采纳
问题
我想在我的JavaFX图形用户界面中设置一个背景图像。GUI应该调整到任意比例，这样我的背景图像必须向两个方向伸展(同时改变背景图像的宽度和高度的比率)。
在的启发下，我发现了如何通过css实现这个目标：
.root {
-fx-background-image: url('http://icons.iconarchive.com/icons/iconka/meow/256/cat-box-icon.png');
-fx-background-size: stretch;
}
但是我有一个约束，即我的背景图像是以BufferedImage的形式动态创建的。
浏览 1提问于2016-01-01得票数 2
我目前使用的方法是在HTML中添加<img src="A-Button-Image.png" style="width:100%;">，图像大小可以根据屏幕大小而上下缩放。
然而，A-Button-Image.png包含两个图像，悬停和正常状态。因此，我想用背景位置触发滚转效果？有没有办法使用CSS控制背景位置，但又不失去图像大小调整能力？我知道还有另一种解决方案是onmouseover & onmouseout，但我仍然更喜欢CSS。
谢谢
浏览 1提问于2013-01-31得票数 0
回答已采纳
3回答
有没有办法改变已经有背景图像的HTML元素的颜色或“色调”？
我想用相同的背景图像在屏幕上显示两个元素，但我想改变其中一个元素，使其具有原始图像的略微不同的阴影。
到目前为止，我已经尝试过CSS，但它只允许我用一个新的背景色来完全替换背景色。
我唯一能做到这一点的另一种方法是创建一个新的图像，并在photoshop中更改原始图像，并更改其色调。但这意味着我最终会得到两个不同的图像，如果可能的话，我想避免这种情况。
浏览 11提问于2010-11-09得票数 1
假设我有两个div
如何使用.find获取DIV1背景图像，然后将该背景图像应用于div2，并将".jpg“替换为"_highlighted.jpg”？
var div2bg = $('.div1').find('div').attr('background-image'??)//how to assigned the background image as a variable?
$('.div2').css("background-image", "url(" + div2bg
浏览 0提问于2009-12-31得票数 0
回答已采纳
1回答
在CSS中，我可以使用background:属性设置多个背景图像一个接一个地出现，但是当这些图像出现在页面上时，没有过渡，它们之间的边缘看起来非常丑陋。有没有办法在两个连续的背景之间实现阴影边界线？
例如：
#main-body{
background: #222222 url(background.jpg), url(background2.jpg);
}
这段代码将两个图像设置为背景，当您向下滚动页面时，当一个图像结束时，下一个图像立即开始。两者之间没有视觉上的过渡，它只是一个接一个的两个图像，看起来并不吸引人。
浏览 1提问于2014-08-14得票数 2
在css中，您通常可以同时设置背景图像和背景颜色，图像将呈现在颜色之上。
#someDiv
{
background-image: url(arrow.png);
background-color: blue;
}
这将导致#someDiv在上面的arrow.png图像中有一个蓝色背景。
但是，如果我想使用firefox的-moz-线性渐变来对背景进行渐变，那么有没有一种方法可以让图像在这个渐变上渲染呢？
编辑：
MDC声明渐变替换了背景图像标记。因此，在这种情况下，我猜后续的问题是，是否可以指定两个背景图像，并让它们在另一个图像上渲染？
浏览 1提问于2010-08-05得票数 1
回答已采纳
我希望在这方面能得到一些CSS的帮助。我在合并两个CSS概念时遇到了困难：
对div使用文本而不是背景图像，但是用作该背景的文本包含一个图像(即.背景剪辑:文字等)。
改为：
创建一个包含图像的文本是相当简单和常见的(尽管我不介意确定最好的语法)。
但是我想用这个技巧，把它设定为一个div的背景。就这样。在div中，我会有一个规则的文本和一个透明的PNG图像。
我想要达到的目标：
基本上，我最后会有一个PNG在前景(即.内容)，带有单词(即.(文本)后面作为背景。但这些背景词本身应该充满一个图像(纹理/美学等)。
我尝试过一些没有成功的东西--只是一塌糊涂，所以把它贴在这里可能不会有帮助。
帮
浏览 0提问于2021-03-13得票数 1
回答已采纳
简单地说，是
我需要针对以下需求的CSS解决方案：
两幅垂直重复的背景图像，一幅对左对齐，一张对右--一列居中，宽度固定，最低高度为100%交叉浏览器兼容性。
更多细节
今天，对我当前的网站项目提出了一个新的要求:在左边和右边有渐变的背景图像(替换当前的身体背景图像)。现在的挑战是指定两个不同的背景图像，同时保留布局规范的其余部分。不幸的是，(简单的)布局在某种程度上不适合这两个背景。
我的布局基本上是一个固定宽度的居中列：
#main_container {
background-color: white;
margin: 0 auto;
min-height: 10
浏览 1提问于2010-04-05得票数 1
我有一个表格单元，在这个单元中，我想在两个不同的位置显示两个不同的背景图像。我正在使用
<table border="0" cellspacing="0" cellpadding="0" width="100" height="100">
<tr>
<td id="arrow" class="top"> </td>
</tr>
<tr>
<td id="arrow
浏览 2提问于2011-11-19得票数 1
2回答
我在我的网页中有两个div，这是用户可以选择的两个可能的选项。我用css ( background -image)设置了每个div的背景。当站点加载时，图像会被预加载。有两种可能的状态，当选项selected xxx_image_enabled.png被设置为背景图像时，当该选项未被选择时，xxx_image_disabled.png被设置为背景图像。在某些浏览器(Chrome)中，它会有一点闪烁。我用jQuery设置了background-image属性。
css如下所示：
.option-div{
width: 70px;
height: 70px;
back
浏览 0提问于2013-08-28得票数 0
我有一个定制的Drupal 8主题，我正在做。一个要求是此自定义主题的客户端徽标必须是HTML对象上的背景图像。我还需要添加脚本，根据页面其余部分的背景，在两个不同的图像之间交换使用的背景图像。
在Drupal 8自定义主题文件中添加这些CSS样式和JavaScript代码的位置？
浏览 0提问于2017-04-19得票数 -2
4回答
有可能有两个背景图像与CSS对角线分开？
我知道如何只用一个图像来制作它，但是我不能用两个图像来实现它。
下面是一个例子：
|-------------|
| /|
| / |
| / |
| / |
| / |
| / |
| / |
|Img1 / Img2 |
| / |
| / |
| / |
| / |
|/ |
|-------------
浏览 0提问于2016-02-26得票数 2
3回答
在鼠标悬停时更改img
、、、、
使用CSS，你可以通过:hover来改变背景。你能用JavaScript做同样的事情吗？ 比方说，你附加了一个带有JavaScript的img，你想在每次用户悬停的时候改变这个图片，你能只使用CSS来完成吗？我两个都试过了(onmouseover with JS和CSS:hover)，但每次“新图像”都卡在用JavaScript创建的img后面。 有没有办法在旧的img上替换“新的img”？ 下面是代码 //get api
fetch(api)
.then(function (res) {
return res.json();
})
.then(function (jso
浏览 30提问于2020-09-14得票数 1
回答已采纳
2回答
我正在工作的网页，其中包含一个标题标志。这个标志有两个标志:一个是透明背景，另一个是右边橙色背景。图像大约有3.000像素宽。我想调整图像的大小，让两个标志的适合在div水平。因此，在每一个设备上，我将看到标志和橙色背景的一部分(是什么使图像那么长。
HTML
<div class="logo-header"><img src="logo.png"></div>
CSS
.logo-header {
overflow: hidden;
}
它确实像我想要的那样溢出得很好，但是当我使用iPhone 4或其他一些小屏幕时，
浏览 1提问于2015-07-29得票数 0
回答已采纳
2回答
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body style="background-color:lightblue;">
</body>
</html>
外部css文件：
body
{
background-image:url("pass.jpeg"),
浏览 2提问于2021-04-07得票数 0
4回答
我将CSS添加到复选框中，它工作得很好。我使用本地文件(名为check.png)作为检查背景图像，并将其裁剪到复选框区域内。 这里有两个复选框，一个选中，一个未选中 ? 现在我想知道是否有可能，而不是在CSS文件中手动设置25px，获得背景图像的实际宽度和高度，并将宽度设置为background.width，高度设置为background.height/2。 如果我更改了check.png并且仍然正常工作，这将允许它自动调整大小 编辑:我想我被误解了。我希望盒子适合背景图像，而不是图像适合盒子。不管怎样，我会尝试相反的方法 EDIT2:好的，Nvm显然适合盒子里的背景是一个比在图像里
浏览 88提问于2017-05-09得票数 1
回答已采纳
我正在创建一个电子邮件模板与背景图像和文本/CTA按钮在图像的顶部。我使用作为背景图像，使用从编辑器输出的按钮作为CTA按钮。在除Outlook 2010之外的所有客户端中，两者都可以很好地呈现。当背景只是一种颜色时，我可以让CSS按钮完美地呈现出来，反之亦然，当按钮只是一个图像时。当我将这两个放在一起时，它会呈现以下内容：
下面是它应该呈现的方式：
CSS按钮出现了，只是在错误的位置。有没有人对我在代码中哪里出错有什么建议？
(背景图像的代码开始于第192行左右)
谢谢康纳
浏览 3提问于2016-02-02得票数 2
我已经创建了网站的布局(模板)。我用Photoshop设计了这张图片，然后把它切开，生成了一个包含div和CSS代码的文件。我将它们分别放在两个文件HTML和CSS中。背景图像在<div id="idName">标记内被调用为<img src=...标记。这是我改的。我将CSS文件中的图像加载为
idName { background-image: url(URL); }
站点中的所有图像都像这样加载，从而将背景作为一个整体来创建。
现在我的问题是:这是一种糟糕的做法吗？因为如果我把图片放在<div>标签里，我就不能把我的内容放在图片的上面。有了c
浏览 2提问于2012-01-27得票数 2
回答已采纳
1回答
我有一个有两个背景图像的响应着陆页面。我需要这两张图片都有一个40%的background-size ，但是我不确定我写CSS的方式背景大小是否只会影响第一个图像。
这是我的CSS：
.section-one {
background: url(image-here.svg) left bottom no-repeat,
url(another-image.svg) right bottom no-repeat;
background-size: 40%;
padding-bottom: 200px;
}
这就是屏幕记录显示CSS的方式。如果您注
浏览 3提问于2021-01-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
