带有背景图像的Div被另一个带有背景图像的div覆盖
是因为CSS中的层叠顺序（z-index）的设置不正确。层叠顺序决定了元素在页面上的显示顺序，具有较高层叠顺序的元素会覆盖具有较低层叠顺序的元素。
要解决这个问题，可以通过以下几种方法：
- 调整层叠顺序（z-index）：在CSS中，通过设置带有背景图像的div的z-index属性值较高，可以将其置于另一个带有背景图像的div之上。例如：
.div1 {
background-image: url('image1.jpg');
z-index: 2;
}
.div2 {
background-image: url('image2.jpg');
z-index: 1;
}- 调整HTML结构：可以将带有背景图像的div放置在另一个div的内部，然后通过CSS设置内部div的层叠顺序。例如：
<div class="container">
<div class="div1"></div>
<div class="div2"></div>
</div>.container {
position: relative;
}
.div1 {
background-image: url('image1.jpg');
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.div2 {
background-image: url('image2.jpg');
position: absolute;
top: 0;
left: 0;
z-index: 1;
}- 使用CSS的opacity属性：如果希望两个背景图像都能显示出来，可以调整其中一个div的透明度。例如：
.div1 {
background-image: url('image1.jpg');
opacity: 0.5;
}
.div2 {
background-image: url('image2.jpg');
opacity: 0.5;
}以上是解决带有背景图像的Div被另一个带有背景图像的div覆盖的几种方法。在腾讯云的产品中，可以使用腾讯云的云服务器（CVM）来搭建网站，并使用腾讯云对象存储（COS）来存储和管理背景图像。具体产品介绍和链接如下：
- 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活调整配置。了解更多：腾讯云云服务器（CVM）
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和管理各种类型的文件和数据。了解更多：腾讯云对象存储（COS）
通过使用腾讯云的相关产品，您可以轻松地搭建和管理带有背景图像的网页，并解决覆盖问题。
相关·内容
3回答
首先，我正在调试另一个程序员的代码，所以我不能完全确定他在这里试图做什么。这个类已经被分配了一个背景图像。以前的程序员选择用内联样式覆盖背景图像。下面这行代码使页面崩溃，直到我去掉了背景图像。我猜这是两个刻度标记。是不是违反了一些我不知道的晦涩难懂的CSS规则？ ptobject = "<div id='ptObj' class='pttxtbox' style=""background-image:url('');"" onmousedown=""pregfocus(this, &
浏览 1提问于2012-04-29得票数 0
我在较小的设备宽度上遇到了问题，div变得更方形，景观更少。div的背景图像被设置为background-size: cover;，因此它只占据div高度的60%和宽度的100%。
如何将背景图像设置为覆盖100%的div高度，但保持其纵横比，以便一些背景图像将被剪切。
如何对齐背景图像，使其右侧位于div的右侧(这样背景图像的左侧将被div的左侧截断)。
浏览 4提问于2018-03-10得票数 0
一直在努力添加一个背景图像到我的引导网站。我想把它夹在现有的两部分之间。
当查看许多带有背景图像的主页时，它们有类，也有HTML和CSS中的样式代码。
这是我想要添加的类型，不包括滑块 (div类是巨型masthead) 。
要将一些文本叠加到背景图像中，我是否需要这样的顺序:容器、行类、背景图像类、带有位置的覆盖文本类
在带有背景图像的CSS和HTML中都需要样式吗？
<div class="solution5">
<div class="container">
<div class="row">
<d
浏览 0提问于2015-10-19得票数 1
我正在尝试用Bootstrap 3.0创建一个静态网页。
页面基本上是一个叙述，由一系列堆叠的带有背景图像的部分组成，上面覆盖着文本和其他图像/元素。
页面只是被设计成从上到下滚动，每个部分的背景图像应该填充水平宽度。
稍后，我还将使用Skrollr ()为图像添加视差。
然而，现在，我正在努力让Bootstrap支持HTML/CSS。
最初，我认为我可以这样做：
<body>
<div class="container">
<section id="first">
<div class
浏览 0提问于2013-09-07得票数 6
回答已采纳
我有两个带有背景颜色设置的div元素，覆盖在另一个带有内容的div上。在第一种情况下，覆盖不是内容div的兄弟，因此它允许背景文本对用户可见。在第二种情况下，覆盖是内容div的同级，所以它不会向用户显示文本。 案例1 <div class="overlay"></div>
<div class="example-container">
<div class="child1">
Case 1 - Sample Text 1
</div>
</div> 案例2
浏览 35提问于2021-11-21得票数 0
回答已采纳
我知道有两个背景图像是可能的，比如
#example1 {
background-image: url(top.gif), url(bottom.gif);
...
}
但是我有一个在元素本身上动态定义的图像，带有一个内联的style ="..."标记，
<div class="grid-item grid-item-flagged" id='{{ album.id }}'
style="background-image: url({{ album.photo_thumb.thumbnail.url }})"
浏览 0提问于2019-06-16得票数 0
2回答
为了使背景图像变暗，我有以下代码。一个带有背景图像的div，然后是一个带有透明背景颜色的div。
<div class="slide">
<div class="slide-overlay">
<div class="slide-content">
<h1>Blah blah content</h1>
</div>
</div>
</div>
我把它设计成这样
.slide
background-image
浏览 2提问于2015-07-20得票数 4
回答已采纳
我想在包含JavaScript的另一个div(2) (在本例中是Google maps v3)的顶部覆盖一个带有背景图像的div(1)。这个是可能的吗？
我尝试过使用z-index，但没有成功，而且我不能使用绝对定位，因为我依赖于div(1)来定位其他div。
一个简单的例子可以在这里找到-_
尝试让_ speech气泡覆盖Google地图。
浏览 0提问于2012-09-24得票数 4
3回答
我已经看到了很多关于这个问题的帖子，但我似乎找不到解决方法。
我有一个带有背景图像的div，它的大小被设置为cover。
它在除移动chrome之外的所有浏览器和设备上都运行良好，每当我上下滚动页面时，背景图像似乎都会调整大小。我也注意到了一个奇怪的bug，如果你把background-size:cover放在background-image:url('')之前，它会忽略background-size属性，但如果你把它放在声明背景图像之后，它会检测到大小并将其设置为cover，但随后会出现奇怪的重新调整大小的滚动bug。
快把我逼疯了！有没有人知道解决办法？
浏览 13提问于2018-02-06得票数 1
回答已采纳
我有一个div，它有一个用jquery作为内联样式添加到其中的背景图像。
<div class="flex_cell" style="background-image: url(img/image.jpg);">
我需要做的是，当div悬停时，在现有的背景图像上添加另一个背景图像。新的背景图像将是红色的50%不透明的png。
div.flex_cell:hover { background-image: url(img/overlay.png); }
我如何才能做到这一点呢？
浏览 1提问于2015-01-23得票数 2
我有一个带有背景图像的body和一个带有这个div的背景图像的元素。我想要的另一个图像的div页面上的第三个没有显示。我放在div里面的东西也没有显示出来。以下是我的代码
<div id="middle" style="background-image: url(images/Home/binary.png); height: 200px; width: 1350px; border: 1px solid black;>
<h1>test</h1>
<[div]>
这就是我想要的背景图像。我确信图像的来源是正确的
浏览 1提问于2015-02-22得票数 0
1回答
我想让img标记以与div相同的方式响应，使用背景图像的背景位置:中心和背景大小:覆盖我的问题是，我将发布很多图像(在网格布局中)，这些图像没有相同的宽度或高度。苏，如果我使用img标签的高度:自动，我得到不同的高度，每次。当前解决方案：
使用bg图像和1像素图像作为宽度和高度：
<div style="background-image:url(http://example.com/img.jpeg);
background-position: center;
background-size: cover; width="30%" ">
浏览 4提问于2015-03-22得票数 1
我有一个带有红色背景的div和一个包含透明的圆形PNG图像的50% border-radius。红色是“流血”通过的边界的形象，这我不想。看下面的截图。
我试过调整填充和图像的宽度。
是否有办法防止父div的背景出现在所包含的图像的边缘之上？
我在这里转载了这个问题(注意粉红色圆圈上方的蓝色)：
浏览 3提问于2021-12-21得票数 0
4回答
我的大多数页面都在菜单下面的顶部有一个全宽的横幅。它们被创建为带有来自图像精灵文件的背景图像的div，以减少页面加载时间。我的问题是，当屏幕变小时，div不会调整大小，它只是剪切div。我想要的是div总是100%宽，它的高度缩放以保持背景图像的比例(1300px×300px)。
下面是代码和一个jsfiddle：
<div class="entry-content">
<div class="banner"></div>
</div>
.entry-content {
max-width: 1300p
浏览 1提问于2016-03-07得票数 1
2回答
我有一个透明区域的PNG图像。它有点像一张撕破的带有Z字形边缘的结账收据。它将位于带有白色背景的div的底部，以模拟收银台收据。我已经尝试过如下方法。
background: #ffffff url("../images/zigzag.png") bottom right no-repeat;
但是背景白色直接填充到图像的边缘。
除了创建另一个div之外，有没有一种方法可以阻止图像下面的背景颜色？
浏览 0提问于2012-11-02得票数 0
回答已采纳
我正在尝试添加一个半透明的颜色层到图像的顶部作为div的背景。我尝试过以下几种方法：
background: url('myImage.jpg'), rgba(0,0,0,0.5);
也是
background-image:url('myImage.jpg');
background-color:rgba(0,0,0,0.5);
但在这两种情况下，只显示图像。我知道我可以将这个div包装在另一个带有颜色的div中，但是有没有办法在一个div中完成所有这些工作呢？
浏览 0提问于2012-11-06得票数 4
回答已采纳
8回答
我有一个带有背景图像的<div>。
<div>大小可能会随着时间的推移而变化。
是否可以将Div背景图像设置为适合<div>大小？
假设我有一个为400x400的div和一个为1000x1000的图像，是否可以将图像缩小为400x400，从而适合<div>大小？
浏览 1提问于2013-03-10得票数 32
回答已采纳
1回答
我有一个带有背景图像的div，它是右下角对齐的。然后我让另一个div漂浮在那个div的左边和底部。在IE6中，看起来底部的内部div是重叠的，并切掉了背景图像的中间，该图像设置为左下角。
你知道这是什么原因造成的吗？浮点和背景图像有没有一个已知的问题？
谢谢
浏览 0提问于2010-08-02得票数 1
回答已采纳
我有一个带有背景图像的div。
在这个div里面，我有另一个div，它有一个规模和不透明度的动画，它对父图像产生了某种连锁反应。
<div class="image">
<div class="ripple"></div>
</div>
图像有一个固定的定位，因为它应该在屏幕的顶部。纹波div具有绝对定位(也可以是相对的)，动画应该从图像的中心开始。
问题是嵌套的div动画出现在父div之上。我希望图片在顶部，以及它背后的动画。
我尝试过不同的解决方案，包括z索引和负z索引，但看起来是一样的。
问题的演示：。
浏览 2提问于2015-09-17得票数 0
回答已采纳
为了清楚起见，我并不是在问一个HTML元素中的。
相反，我有一个网站的背景图片在最外层的div，作为网站设计的一个组成部分。该网站的开发是为了在不需要滚动的情况下填充浏览器的窗口。
但是，在某些包含较长文本内容的页面上，有一些较小的、固定高度的窗口允许滚动。
我正在尝试实现，以便文本在滚动到视图中时显示为焦点。这需要另一个背景图像。
淡出底部效果所需的渐变背景图像干扰了网站主体的背景图像。正如你在我的中看到的，它产生了“擦除”部分背景图像的效果。
z-index属性在这里似乎没有任何作用，而且我似乎想不出一种方法来调整这些不同背景图像的堆叠。理想情况下，我希望主背景图像覆盖渐变背景图像。
浏览 7提问于2017-07-14得票数 1
回答已采纳
1回答
我有一个问题，当我在HTML元素上设置背景图像时，它会显示一个完全随机的图像，该图像也被设置为页面上其他地方的背景图像。
例如，我有一个列表项，它有一个背景图像"myimage-abc.jpg“。我还有一个带有背景图像"myimage-123.jpg“的div。对于大多数人来说，一切都像预期的一样，但是对于一些苹果用户(我的董事总经理就是其中之一)，"myimage-123.jpg“图像显示在列表项和div上。
其他人以前有过这个问题吗？有什么办法可以绕过它吗？
谢谢
浏览 2提问于2015-09-11得票数 1
1回答
我遇到的问题是，当我使用javascript在另一个html文件中获取html文件时，背景图像变得不可见。但是当我打开带有背景图像的文件时，图像是可见的。
为了使这可以理解，我希望使用javascript将second.html (带有背景图像)包含在first.html中，而不让图像不可见。
First.html (main)
<html>
<head>
<script>
$(function(){
$("#second").load("second.
浏览 1提问于2015-04-29得票数 0
回答已采纳
1回答
在我的项目中，我有一个作为背景图像的div。在这里面，我有另一个div，作为一个黑色覆盖在我的背景图像。我想在我的页面上插入文本。我把这个文本的颜色设置为白色，但是当看到它时，叠加使得文本看起来是灰色的，而不是白色的。
有谁知道如何使这篇文章看起来完全是白色的吗？
这里是我的代码
.bgDiv {
width: 100%;
height: 88vh;
position: relative;
background: url("https://image.pposili/djdd.com") no-repeat center center/cover;
}
.
浏览 3提问于2019-12-31得票数 0
<div class="divOverlay">
<div class="div-overlay-content" >
<div class="pointer" ></div>
</div>
</div>
我有下面的设置，其中我有一个带有背景图像的div和另一个始终位于中心的指针。我想将背景图像动态地移动到不同的位置。我通过调整属性来做到这一点。
background-position: 0% 0%;
因此，如果我将其设置为50% 50%，则图像的中心与中心的
浏览 0提问于2021-03-08得票数 0
1回答
我需要有一个足球场上，我可以通过拖放放置球员。我通过bootstrap网格定义了11个可丢弃的区域，这样每个玩家都有一个预定义的区域，在那里他可以被丢弃。.field将附件图像作为背景。
<div class="field">
<div class="row" style="height: 25%">
<div class="col-xs-12">goalie</div>
</div>
<div class="row" style="
浏览 12提问于2016-09-23得票数 2
如果背景图像/视频不是获得混合模式的元素的父元素，我们如何使用CSS混合模式？
，例如
<div class="has-video-background">
<video></video>
</div>
<div class="caption-above-video">
<h1>This div should have a colored background with a mix-blend mode multiply</h1>
</div>
带有..cap
浏览 6提问于2022-09-02得票数 0
我在另一个div中有一个带有背景图像的div，当有人在整个父div上徘徊时，我试图实现的是改变该子div的背景图像。
我怎样才能做到这一点？
HTML类似于：
<div class="parent_div">
<div class="child_div">
</div>
</div>
儿童div的背景图像是：
.child_div{
background-image: url("image.jpg");
}
我试过：
.child_div:hover{
background-imag
浏览 6提问于2015-01-12得票数 0
回答已采纳
当无序列表中的任何图像被单击时，我希望与缩略图关联的url替换特定div的背景图像css值。说,
<ul>
<li><a href="dog.jpg"><img src="dog_thumb.jpg" /></a></li>
<li><a href="cat.jpg"><img src="cat_thumb.jpg" /></a></li>
</ul>
<div id=
浏览 0提问于2011-04-01得票数 2
我试图在另一个图层中创建一个有边距的图层，但我做不到。
HTML代码是：
<div className = "sizeMD">
<div className = "container">
<div className = "marco">
hola
</div>
</div>
</div>
<div> with className =
浏览 4提问于2020-07-28得票数 1
回答已采纳
因此，在我的网站上，我创建了一个功能，当我将鼠标悬停在其中一个侧边按钮上时，中间的树的图像会发生变化。您可以看到页面
动画运行正常，但现在我正在尝试使背景图像在div中响应。多亏了这另一个，我能够使用下面的CSS使原始背景图像做出响应：
#arvore {
background: url('http://vistacamisa.greenpeace.org.br/wp-content/uploads/2015/09/arvore_011.png');
background-size: contain;
background-repeat: no-repeat;
width:
浏览 2提问于2015-09-16得票数 0
1回答
我有这个CSS代码，它根据浏览器大小调整背景图像的大小，保持图像的中心始终位于浏览器窗口的中心！现在的问题是，我需要添加另一个图像的中心，就像一个图标在圆圈，这也遵循相同的规则，保持高宽比！
如何应用相同的代码来保持第二个图像的高宽比？最主要的是，我如何添加另一个图像覆盖在正中的背景？我还附上了图片的背景实现使用Photoshop！
CSS
#stage {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
}
#stage
浏览 0提问于2014-02-09得票数 1
回答已采纳
2回答
我已经创建了两个图层div，一个带有背景图像，另一个带有淡出的黑色图层，看起来还可以，但要求有点不同，淡出层应该从中心(圆圈)开始，如下例所示：
这就是我创造的，
谁能建议如何实现圆形居中淡出，而不是我创建的淡出？我在我的项目中使用了greensock。
请给出建议
$(document).ready(function() {
var videoFade = $(".fade-layer");
TweenMax.to(videoFade, 14, { x:0 , opacity:0 , ease:Power1.easeInOut ,repeat:-1 }
浏览 12提问于2017-03-03得票数 3
回答已采纳
我在MVC视图中循环了一个foreach循环，在它中为列表中的每个对象呈现了一个单独的div元素。现在，我希望这个物体的背景是一个50%不透明度的图像。然而，对于循环的迭代，图像是不一样的，并且将取决于模型对象的一个参数。
为了更清楚地说明，我现在有：
@foreach (var itm in Model)
{
<div id="shell" style="position: relative; etc....">
Many other div elements placed with position: absolut
浏览 2提问于2015-11-04得票数 0
3回答
我有一个开始是空的div，但通过jQuery Sortable将项目添加到其中。我希望通过显示带有边框和背景图像的空div开始，该图像将显示类似于“将项目拖到此处”之类的内容。但是，一旦第一项移动到空的div中，背景就会变成空白。
我希望这样做，因为新的div中的项目被重新排序，我不希望在用户移动项目时背景可见。
浏览 2提问于2013-05-01得票数 0
回答已采纳
我有一个带有背景图像的div，在这样的div中我有另一个更小的元素，它的背景颜色是白色。在这个元素中，我希望文本不是透明的，这样我们就可以看到第一个div的背景图像。
已尝试应用color: transparent;，但似乎不起作用。有没有可靠的css方法来实现这一点？
浏览 1提问于2013-04-22得票数 4
回答已采纳
我现在有一个带有背景图像的div，当我在chrome中查看它时，图像不会显示，当我按下F12 inspect元素时，这是我看到的：<div id="mcts1" style="background-image: none;">...... </div>现在我想知道当我在css中声明背景图像属性时，它是如何被设置为none的。下面是css文件和我在其中回显<div id="mcts1">fiddler文件的代码片段：
浏览 0提问于2013-06-09得票数 0
1回答
我正在建立一个网站使用HTML/CSS/Bootstrap/Js。现在，我想使用z-index在一个容器上叠加一个巨型加速器和背景图像。 但由于某些原因，我用作背景图像的图像不断被裁剪，只显示上半部分。 我尝试过更改height属性，但问题是我希望它具有响应性。 HTML代码： <div class="container-fluid mt-5" >
<div class="row imagez" >
<div class="col-12 px-0 mt-5 mb-5">
浏览 18提问于2019-09-10得票数 1
回答已采纳
6回答
是否有可能使<div>适应其背景图像？我的意思是保持比例宽度和高度。
澄清：
div更改宽度。(这是一个响应性的设计)
我不是想让背景适应div。这在background-size中是可能的。但我想问的是这样的方法：在背景中有一个图像，让div的父母适应这个图像，不管它的大小是。
我知道，如果我把图像放在html中，而不是背景中，我可以做类似的事情。但是在这种情况下，我无法更改不同设备大小的图像。因此，我要求将图像放在背景中，以便能够用CSS更改它。
在我给出的例子中，我可以使图像适应宽度，但我得到了一个与高度的差距。当图像改变大小时，我能使div也适应图像的高
浏览 15提问于2013-08-18得票数 12
回答已采纳
4回答
我有一个带有背景图像的DIV。我希望图像显示在屏幕上(已经可以正常工作)，但我不希望在打印页面时打印该图像。在CSS中有什么方法可以做到这一点吗？
浏览 5提问于2013-04-25得票数 1
3回答
在我正在创建的网页上，我有一个带有背景图像的div。我将一些文本覆盖在我将经常更改的图像上，这就是为什么我使用背景图像和真实文本，而不是包含文本的img标记。
背景图像包含一些可单击的区域，因此我需要一个图像映射。
我认为最好的方法是用一个透明的图像覆盖另一个div，并有一个对应于背景区域可点击区域的透明图像的图像映射。
我是在正确的轨道上，还是有更好的方法？
浏览 1提问于2009-11-13得票数 6
2回答
我正在尝试创建一个具有内联SVG的HTML，该SVG具有一个带有CSS背景的元素：
<html>
<body>
<svg>
<foreignObject width="50" height="50">
<div style="red; width:50; height:50"></div>
</foreignObject>
<rect width="50" height="50" tra
浏览 4提问于2019-06-03得票数 0
1回答
我在一个背景上覆盖了多个图像，下面是一个例子：
<div style="position: relative; left: 0; top: 0;">
<img src="images/background.png" style="position: relative; top: 0px; left: 0px;"/>
<img src="images/overlay1.png" style="position: absolute; top: 20px; left: 20px;
浏览 3提问于2013-08-28得票数 7
回答已采纳
2回答
画布图像遮罩/重叠
、、、
在我的项目中，我必须在另一个相同大小和图案的图像上实现一个不同的颜色图像，使用画布，图像不是圆形或矩形形状。所有的都是波浪形状，它将应用于单个主背景图像，以在每个onclick函数上显示多个图形。
重叠的图像应更改为另一种选定的颜色。我的问题是，有没有办法使用画布，因为我们可以改变由画布绘制的图像颜色，或者我们需要始终使用不同的图像并应用CSS/jQuery。
我读到了关于画布图像掩蔽和重叠的内容。但是我不能理解我的图像，因为它们不是方形或圆形的，那么第一件事就是我如何在一张图像上绘制多个波形。我不知道我搜索了，但没有找到完美的解决方案。
我只需要绘制一个波浪图像在画布上，改变它的颜色从点击功
浏览 1提问于2013-08-22得票数 34
回答已采纳
1回答
将Div背景-图像转换为链接
、、、、
我有一个带有背景图像的div：
你会注意到这只是一个小箭头。我使用背景图像，因为它很容易用它对图像进行居中。
现在“箭”需要成为一个链接。我的问题是，div有100%的宽度来正确地居中背景图像:所以当我使用<a>时，完整的div可以在任何地方被点击，并且它是一个链接。
我是否有任何可能使箭头只点击作为一个链接使用背景图像？
我的HTML：
<div class="row3">
<div class="ArrowToTop" style="background-image:url(../img/basics
浏览 1提问于2015-12-20得票数 1
回答已采纳
3回答
布设计师。图层着色
、、、
我试着在一个基于层的结构中制作一个布匹设计师应用程序，就像Photoshop应用程序中的那样。我使用一个带有alpha通道的图像，在它下面放置不同背景颜色的div。因此，我希望改变图像的颜色。但是我不知道如何用同样的颜色把图像放到另一层。当我试图重复同样的技巧，它将填补额外的空间，我希望是透明的。换句话说，我只需要画一个图像的一部分，让另一个部分透明。
我试图使用画布填充rgb(255,255)部分图像，但是画布太慢了。
<div class="preview_under">
<div style="background: transparent
浏览 0提问于2013-12-14得票数 1
回答已采纳
现在我已经用javascript创建了div这个div有一个带有不同图像的背景图像，我需要根据背景图像名称为每个div添加一个类名，有没有办法在javascript或jquery中做到这一点？
// adding divs to mapContainer
var mapCont = document.getElementById("mapContainer");
for (var i = 0; i < 20; i++) {
var child = document.createElement("div");
child.classList.add("
浏览 20提问于2019-11-25得票数 0
2回答
让我想想，我该如何解释我的问题。我有一个带有很多div层的滚动页面...一个在另一个下面！它们的背景图像分辨率为1920x1080px！但它们应该填满整个后台浏览器窗口。例如，当我缩放浏览器窗口时，图片应该会自动缩放。
我见过一些做得很好的jquery插件，但对我来说重要的是背景模糊是在css中定义的，因为我使用inview.js并试图创建视差效果。这个是可能的吗？
谢谢，泰德
浏览 0提问于2013-02-03得票数 0
回答已采纳
1回答
我有一个带有这样背景图像的div：
<div class="carousel-image"
style="background: url(img/background.gif) no-repeat center center;">
</div>
当我加载我的网页时，当我的大型background.gif图像加载时，会有一个恼人的空白背景。当background.gif映像准备好取代它时，我怎样才能有一个快速加载并被替换的替代映像呢？
浏览 4提问于2016-02-13得票数 0
回答已采纳
5回答
因此，我查看了许多不同的问题和谷歌的结果，但我没有找到确切的信息，我一直在寻找。
我有一个背景图像，我想做一个透明的颜色覆盖。常见的答案是，只使用背景图像和颜色属性，甚至在同一条线上。但这两种选择对我都没有用，，它根本不允许我两者兼得。即使使用线性梯度代替颜色也不起作用。
我唯一要做的就是分别使用带有图像/颜色的父/子div。这很让人困惑。
父亲有图像，但是颜色覆盖is...the子？如果孩子的颜色上没有不透明度，那么我根本看不见这个图像。
有人能帮我理解这段关系吗?为什么我不能两者兼而有之？
.color {
width: 100%;
height: 50vh;
backgr
浏览 9提问于2021-11-12得票数 1
我有一个带有背景图像的div。我想要能够设置一个黑色透明覆盖在悬停。我怎样才能做到这一点？
到目前为止，这就是我所拥有的
div {
background: url('map-tracks.png');
background-size: cover;
transition: background-color 1s;
&:hover {
background-color: rgba(0, 0, 0, 0.5);
}
}
浏览 1提问于2017-06-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
