HTML/CSS如何创建覆盖某个容器的覆盖图而不使用"position:absolute;"？
要在不使用"position:absolute;"的情况下创建覆盖某个容器的覆盖图，可以使用以下方法：
- 使用负边距（negative margin）：通过设置负边距将覆盖图向上移动到容器的上方。例如，可以将覆盖图的上边距设置为负值，使其上移并覆盖容器。
- 使用相对定位（relative positioning）：将容器设置为相对定位，然后将覆盖图设置为绝对定位，并使用top、left、right、bottom属性来调整其位置。通过调整覆盖图的位置，可以使其覆盖容器。
- 使用flexbox布局：将容器设置为flex容器，并使用flex项目的order属性来控制覆盖图的顺序。通过将覆盖图的order属性设置为较大的值，可以使其覆盖在其他项目之上。
- 使用z-index属性：将容器和覆盖图都设置为定位元素（positioned element），然后使用z-index属性来控制它们的层叠顺序。通过将覆盖图的z-index值设置为较大的值，可以使其覆盖在容器之上。
需要注意的是，以上方法可能会影响布局和其他元素的位置。因此，在使用这些方法时，需要仔细考虑布局和其他元素的影响，并进行适当的调整。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法提供相关链接。但腾讯云提供了丰富的云计算服务和解决方案，可以通过访问腾讯云官方网站获取更多信息。
相关·内容
2回答
我有一个简单的HTML和CSS覆盖，在某些动作触发。我想在页面的某些部分显示覆盖。我有在左侧的侧栏菜单附加到它的主体。使用position: fixed;创建覆盖所有页面的覆盖效果很好，但我希望覆盖只覆盖显示在其旁边的页面，它必须设置在当前内容之上，就像我使用position: fixed;一样，我该如何做到这一点。置于页面正文内容中的HTML代码：
.backdrop {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: black;
opacity
浏览 25提问于2021-03-10得票数 1
回答已采纳
我有个Laravel项目。当我加载时，它只显示HTML flash，然后加载CSS，几乎没有延迟。我该如何解决这个问题呢？
我尝试了预加载器，但它显示flash，然后预加载器意味着在预加载器之间仍然有一些简单的HTML的闪光。
我在头文件中尝试过：
<div class="preloader"></div>
<script>
$(window).load(function() {
$('.preloader').fadeOut('slow');
});
CSS：
.preload
浏览 18提问于2020-05-30得票数 0
我很难让一个覆盖图出现在另一个div的可见部分之上。问题是，容器div溢出了，如果用户在该div内滚动，覆盖将不会覆盖滚动的部分。我的问题是:如何使用jQuery定位一个div来填充另一个div的可见部分--或者，有没有办法只使用CSS就能做到这一点？
，下面是标记：
HTML
<div class="container">
<div class="overlay"></div>
<div class="content">
<p>Content here&
浏览 0提问于2013-01-04得票数 1
我想制作一张卡片，里面有一张图片和一些文字。文本应该放在图像上。因此，我把它们都放在一个.container中，它将自己设置为position: absolute的position: relative。
文本的：
文本的第一部分与包装器.row-start一起位于左侧，一个接一个地排列。
文本的第二部分位于包装器.row-end的右侧。
当然，都在容器内
Html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
浏览 0提问于2017-11-05得票数 0
回答已采纳
3回答
CSS覆盖动画
、、、
我正在尝试使用以下html和css创建一个覆盖图
div.relative {
position: relative;
width: 400px;
height: 200px;
border: 3px solid #73AD21;
}
div.absolute {
position: absolute;
top: 50%;
right: 0;
width: 200px;
height: 100px;
border: 3px solid #73AD21;
opacity: 1;
background-color: blue;
}
.over
浏览 0提问于2018-09-13得票数 2
2回答
我有一些相对定位的容器(高度不同)，我想把它们放在一起展示。发生的情况是，它们在彼此的顶部显示(参见小提琴)。
我在容器上使用position:relative，因为我希望子元素有position:absolute，并且相对于它们的容器显示。例如，我认为可能有一个固定高度的快速修复方法，但这不是很灵活，我的容器(或它们的孩子)的高度会有所不同。
代码：
<style type="text/css">
.outside
{
position:relative;
border:1px solid red;
}
.inside
{
posit
浏览 5提问于2013-02-17得票数 0
回答已采纳
我编写了这段代码来创建简单的CSS和Javascript下拉菜单。
HTML：
<li><a href="#" onmouseover="showRanksSubmenu()" onmouseout="hideRanksSubmenu()">XYZ</a>
<ul id="rankSubMenu" onmouseover="showRanksSubmenu()" onmouseout="hideRanksSubmenu()">
浏览 2提问于2013-09-06得票数 2
回答已采纳
2回答
无滚动的底部中心的div
、、、
我想要创建一个静态页面与youtube视频，没有任何内容。我需要视频div在页面的中心-底部，没有滚动，没有高度和宽度提到{，因为我是使用响应css}。我试着遵循下面的代码
html：
<div class="video-content">
<div class="video-container"><iframe width="420" height="315" src="//www.youtube.com/embed/fMJ21v7mX7U" frameborder="0
浏览 0提问于2014-03-17得票数 0
回答已采纳
4回答
我有一个关于的例子
万一不起作用
HTML:
<div class="container">
<div class="absolute">
Testing absolute<br />
Even more testing absolute<br />
</div>
A little test<br />
</div>
CSS:
.container {
background: green;
}
.absolute {
浏览 2提问于2011-09-06得票数 19
回答已采纳
当我悬停在div标签上，然后显示一个css覆盖图，我喜欢在覆盖图上添加几个按钮(如和分享)，我该怎么做呢？
这是我的悬停代码
.portfolio-item img {
width:100%;
vertical-align:top;
}
.portfolio-item:after {
content:'\A';
position:absolute;
width:100%; height:100%;
top:0; left:0;
background:rgba(0,0,0,0.6);
opacity:0;
t
浏览 11提问于2015-12-25得票数 4
3回答
我有以下关于css的问题，我想知道是否有一种方法可以通过设置绝对高度值来解决它。我的代码如下所示：
<style type="text/css" media="screen">
html { height:100%; }
body { background: black; height:100%; }
#menud {
position:absolute;
padding:1em;
height:300px;
background-color:#eaeaea;
width:184px;
}
#menue {
position:absolute;
浏览 2提问于2012-01-12得票数 0
我有一个SVG元素，它充当我创建的棋盘的容器。我需要在游戏的关键时刻弹出一个可交互的组件，例如当一个兵升级时，玩家需要选择他想要的棋子。我不能将这个组件存储为棋盘容器的子级，因为当用户选择他们想要的棋子时，棋盘需要被禁用。因此，我现在的决定是创建一个包含所有可选片段的IMG元素。我使用IMG的position:absolute和top/left属性将img元素覆盖在svg元素上。然后，我将一个eventListener附加到文档本身，一旦用户选择了他需要的内容，就禁用eventlistener。假设我的代码中没有bug，这种方法可行吗？ 这是我的代码的简化版本，也不能工作： 假设蓝色方块是棋
浏览 42提问于2020-07-14得票数 0
1回答
在视频中左转右转
、、
我试图在两个DIVs.The DIVs之间添加一个视频元素，以覆盖视频，这样客户就看不到视频的部分内容。我的英语不是最好的，所以我做了一个小形象:)它应该是这样的：
+ full video width +
+------------------------------------------+
+------------+-----------------+-----------+
| | | |
| | |
浏览 1提问于2017-12-14得票数 0
回答已采纳
1回答
图像大小与position:relative;在.container和position:absolute;在.container img(.container img)中的存在和不存在的情况不同。
下面的代码工作得很好(图像并没有破坏同样大小的网格)。然而，当两个位置都被移除时，网格并不遵循编码的大小(在本例中是repeat(3,1fr)和repeat(4, 1fr) )
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8&
浏览 3提问于2020-07-19得票数 2
我试图在页面中居中放置div并使其具有动画效果，但是
transform:translate(-50%, -50%)
将根本不起作用，因此它仅依赖于缺省值
top: 50%; left: 50%
下面是我的HTML代码：
<html>
<head>
<link href="http://www.exaltedweb.com/refs/animate.css" rel="stylesheet" type="text/css"/>
<link href="stylesheets/
浏览 4提问于2016-02-03得票数 1
1回答
我正在使用Bootstra4。这是我的html：
<div class="sprite container d-inline-block bg-info rounded p-1">
<span class="sprite-span-level">Top-right text over image</span>
<img class="sprite-img" src="someimage">
<span class="sprite-span-nickna
浏览 1提问于2019-11-13得票数 0
回答已采纳
3回答
我怎么能把这个叠加效应加到一个特定的元素上，而不是整个身体呢？
HTML：
<div id="elementToOverlay">
<p><strong>Blablabla</p>
</div>
<div class="modal"></div>
联署材料：
$body = $("body");
$(document).on({
ajaxStart: function() { $body.addClass("load
浏览 4提问于2016-02-14得票数 0
回答已采纳
5回答
我正在尝试创建一个水平100%堆叠的条形图使用HTML和CSS。我想使用DIVs创建具有背景颜色和百分比宽度的条形图，这取决于我想要绘制的值。我也想有一个网格线，以标记沿图表的任意位置。
在我的实验中，我已经通过分配CSS属性float: left来使条水平堆叠。然而，我想避免这种情况，因为它似乎真的以令人困惑的方式扰乱了布局。此外，当条形图浮动时，网格线似乎不能很好地工作。
我认为CSS定位应该能够处理这个问题，但我还不知道如何做到这一点。我希望能够指定几个元素相对于其容器左上角的位置。我经常遇到这种问题(甚至在这个特定的图形项目之外)，所以我想要一个方法，它是：
跨浏览器(理想情况下没有太
浏览 165提问于2008-09-19得票数 194
回答已采纳
嘿，我有一个JSFiddle，我一直在努力让它从下到上动画，而不是它目前正在做什么，自上而下。
这将被用作一个动画条形图，用于一个募捐者的数额，在一个图像前面，这个条形图将代表他们已经筹集到的美元。
小提琴就在这里：
任何帮助都会很好！
更新
HTML代码：
<a href="#" id="button">View 100 (out of 500)</a>
<div id="barGraph-container">
<div id='barGraph'></div&g
浏览 3提问于2012-10-10得票数 0
回答已采纳
1回答
我有这个css：
html,body {margin:0;}
#nav {
height:30px;
background:#FFF;
background:red;
}
#content {
position:absolute;
left:0;
bottom:0;
top:30px;
right:0;
height:100%;
background:green;
}
我试图在顶部(红色部分)有一个导航条，下面的内容区域(绿色部分)应该只填充剩余的空间，但正如你所看到的，高度比窗口的高度更高，创建一个卷轴。我怎样才能克服这一切？
jsFiddle：
浏览 5提问于2014-08-22得票数 0
回答已采纳
1回答
目前，我正在制作一个网站。我将图像输入到div中，然后用文本覆盖该图像来描述它。我将文本放在图像上，然后添加一个不透明的.5。我的代码的问题是文本不会滚动。该卷轴显示，但它将无法工作。
我的HTML
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="style.css"/>
<style type="text/css">
<!--
浏览 0提问于2014-08-04得票数 0
1回答
移动平板电脑的响应式布局
、、、
我创建了一个电子商务页面，并添加了@media以使页面具有响应性。但它不能很好地工作，你能看看我在哪里做了更多的错误，如果我的编码风格是错误的，请纠正。更多的是，我的图像也没有响应。
以下是代码
@media(min-width:1200px){
*{margin:0; padding:0;}
#header{
width:100%; height:54px; background-color:#090; position:fixed; z-index:2;
}
#wrapper{
width:80%; background-color:#F7F4F4; margin:auto
浏览 0提问于2017-03-26得票数 0
5回答
将图像悬停在其上显示div
、、、、
在悬停时，我想在图像的右上角出现一个链接。就像你在Facebook上的头像，上面写着“换张图”。
我试着用一些jquery让它工作，但没有运气，因为它不在图像的右边。这些图像将是不同的大小，因为他们是头像。因此，无论大小如何，它都需要保持在图像的右上角。
JQuery：
$(".imgHover").hover(function() {
$(this).children("img").fadeTo(200, 0.25)
.end().children(".hover").show();
}, function() {
浏览 2提问于2010-11-30得票数 7
回答已采纳
我试图创建一个网站，在那里我有几个div定位在一个背景div的前面，使用z-index和position:absolute。这个背景div稍后将被转换为一个内容旋转木马，因此它的文本可以选择是至关重要的。我的当前代码不允许选择文本和链接，我想知道如何解决这个问题。
HTML：
<div id="header" class="box">header</div>
<div id="bg">
Cannot highlight this text <br>
<a href="
浏览 5提问于2012-09-12得票数 3
回答已采纳
我正在创建一个带有子菜单的水平菜单(图c)，但我只能看到图a，但我想要类似图b或图c的内容：
图a的HTML和CSS代码：
<html>
<head>
<style type="text/css">
ul li{
display:inline;
background-color:red;
}
ul li ul{
display:inline;
}
ul li li{
position:relative;
top:20px;
display:inline;
background-
浏览 0提问于2011-08-31得票数 2
回答已采纳
4回答
我正在尝试创建一个覆盖图，当我将鼠标悬停在它上面时，它就会覆盖在它上面。我用来创建覆盖图的颜色不会覆盖图像。它绕过图像，我希望它位于图像的顶部。我不确定我哪里出错了。当你将鼠标悬停在它上面时，它也会做出奇怪的跳跃动作。
Html
<div class="overlay">
<div class="overlay2"></div>
<figure class="box-img">
<img src="http://i.imgur.com/PHKC3T9.jpg&#
浏览 1提问于2015-04-19得票数 2
更新！
建议的答案不对，我错了。#容器DIV应有"float:left;“。请在火狐和IE7中验证HTML。你可以看到区别！
我无法让嵌套的DIV显示在层次较高的嵌套DIV之上，使用z-索引.虽然较低的嵌套DIV具有较高的z指数，但覆盖层仍然位于较低的嵌套DIV之上。这在IE7中是可能的吗？
下面显示的是在火狐中绿色#覆盖层上方的蓝色#详细信息，而在IE7中，蓝色#详细信息在绿色#覆盖下面
UPDATE2:昂贵:在#容器样式中添加"z-index:99;“使类.item div出现(在火狐中，IE被搞砸了:不管怎样，两者都没有正确显示)，而它们应该在覆盖层下面！没有#容器z-索
浏览 1提问于2009-05-26得票数 2
回答已采纳
我正在尝试为一个游戏社区创建一个网站。这个网站应该是非常简约的，标题/导航覆盖了页面的100%x20%，主要内容覆盖了100%x80%。我让div显示出来，但我似乎不能让它们正确地定位自己。由于我不得不使用"position:absolute;“，我真的想不出如何让这些东西正确工作。请记住，我对HTML/CSS非常陌生。
<!DOCTYPE html>
<html style="height:100%;">
<head>
<title>ESI | Missioners and Miners Haven</title
浏览 0提问于2013-02-12得票数 0
2回答
Div高度动态
、、、
我有这个HTML代码：
<div id="container">
<div id="feedbackBox"></div>
</div>
最初，#feedbackBox div没有出现在其中。
CSS将集中于div：
#container {
position: absolute; width: 380px; height: 360px; left: 50%; top:50%; padding: 30px;
margin-left: -220px; margin-top: -210px
浏览 2提问于2013-08-10得票数 0
回答已采纳
1回答
我正在尝试创建谷歌饼图，这个饼图增加了圆圈的高度和宽度，但是我的案例孔div大小是增加html:-
<div id="RedFlagChart" class="square2">
</div>
css:-
#RedFlagChart {
width: 800px;
height: 800px;
position: absolute;
top: -30px;
left: -30px;
}
浏览 1提问于2018-06-06得票数 0
回答已采纳
2回答
我试图把这个图像添加到左下角，但是它一直在标题下面。有什么解决办法吗？或者我要去哪里？最后一个代码是我想要得到的代码。
<网站的正常外观
<当我添加img代码时
小提琴手
HTML
<!DOCTYPE html>
<html>
<head>
<title> Home - A.Willi A.G</title>
<link rel="stylesheet" href="index.css" type="text/cs
浏览 5提问于2016-11-14得票数 0
回答已采纳
1回答
我正在为我的个人使用的网站工作，并开发了一个飞溅页面。我有几张图片，有几行可以把页面分成几个部分。
我的主要问题是，我在CSS中使用了绝对位置作为每个元素的位置。显然，取决于观众将使用的屏幕，它将定位在左/右，而不是在中间。我想用一个中心起点和相对定位。那是正确的方法吗？
，我是否有一种特定的方法，无论屏幕分辨率如何，我都可以实现元素的居中和“形成”？
HTML
<DOCTYPE html>
<html>
<head>
<title>Daniel Hopkins Personal Website</title>
浏览 10提问于2013-07-19得票数 0
回答已采纳
我希望使用CSS来定位我的文档，我想知道将body元素的position属性设置为relative以建立初始包含块的共识是什么。这被认为是不好的做法吗？我读到这并不是必需的，比如说，如果body元素的第一个子元素是绝对定位的，那么它包含的块默认为HTML元素，这相当于viewport。我很困惑，因为我似乎无法在没有body {position: relative;}的情况下进行定位。
下面是HTML和CSS：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="U
浏览 66提问于2017-03-14得票数 1
回答已采纳
如何将包含其他的div的高度与绝对位置放在一起？
<html>
<head>
<style type="text/css">
.a{
}
.b{
position:relative;
}
.c{
position:absolute;
}
</style>
</head>
<body>
<div class="a">
<div class="b">
<div class="c">
ESTO ES LO QUE CO
浏览 0提问于2010-12-01得票数 0
回答已采纳
我有一个div，当你将鼠标悬停在它上面时，它的一个子元素-另一个div -应该会使用JQuery淡入淡出。为了获得更好的想法，你可以看看下面的。
HTML：
<div id="container">
<div class="item">
<img src="https://placehold.it/375x250">
<div class="description">
<h3>Description</h3>
<
浏览 34提问于2015-12-18得票数 14
回答已采纳
1回答
我试图只使用图片的底部作为我的布局的背景。这里是CSS，以使图像以我想要的方式出现。
CSS：
.image{
position: absolute;
background-image: url("hero.jpg");
width: 1440px;
height: 1315px;
top:-760px;
}
所以现在，当我把它放在我的html文档中时，我添加的任何内容都是不可见的，因为我将-760 my放在图像的顶部。
<!Doctype html>
<html&
浏览 2提问于2017-12-25得票数 0
回答已采纳
1回答
我有一张桌子：
<table>
<tr>
<th>Name</th>
<td>Paul Stevenson</td>
</tr>
<tr>
<th>Date</th>
<td>28. 09. 1978</td>
</tr>
</table>
和我想向我的表中添加一些函数：
var toolbar = $("<div />").css({
"
浏览 4提问于2016-06-29得票数 2
2回答
好了，我已经用外部CSS做了一个简单的网页，现在它在我的电脑上看起来很好，但是当我把它发送给我的朋友时，底部的按钮不在一起了？
我的监视器
好友监视器
HTML代码
<body>
<style type="text/css">
body {
overflow:hidden; <!-- Setting body overflow to hidden -->
}
<!-- Background image -->
</style>
<div id="back
浏览 1提问于2012-12-24得票数 1
我是个新手，我正在尝试构建一个简单的div布局。我想有3个容器div:标题，内容，页脚。内容div我不想让它的高度固定，我想让它根据里面的东西来拉伸。另外，我不知道javascript，所以我只想用HTML/CSS来做。
我在这个网站上寻找答案，但它们似乎不起作用。下面是HTML：
<body>
<div id="header" style="background:beige;">
<div id="logo" style="background:gray;">
浏览 0提问于2011-11-30得票数 2
回答已采纳
这是我的代码，我想作出反应。我试图添加媒体查询，但我不知道如何使它与我的代码一起工作。我甚至尝试将宽度设置为100%，但我仍然不知道它是如何工作的。简单地解释一下如何解决这个问题对我很有帮助。提前谢谢你。
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"&
浏览 1提问于2021-10-10得票数 0
回答已采纳
我正在制作一个小页面，我需要在背景中有2个形状(附加设计截图)。我已经完全用CSS制作了它们。对于父容器，我已经尝试了两种方法::before/::after和HTML中的DIV-s。问题是，在这两种情况下，右下角的形状总是离开容器，滚动出现。我认为overflow会有所帮助，但它对我没有帮助。有人能帮我解决这个问题吗？谢谢!
body {
position: relative;
min-height: 100vh;
width: 100%;
padding: 10%;
}
.container {
width: 100%;
margin: 1.5rem 0;
浏览 11提问于2021-05-27得票数 0
回答已采纳
我在div中渲染“聊天气泡”时遇到了问题。
当气泡容器的CSS规则使用className作为选择器时，它的呈现方式与ID为选择器时不同(纯CSS或JQuery，因此这不是JQuery问题)。
这是CSS
#tweetBox {
position: absolute;
top: 72px;
right: 158px;
display: none;
margin: 0 0 15px 15px;
}
.tweetBox-class {
position: absolute;
top: 72px;
right: 158px;
d
浏览 0提问于2011-09-14得票数 0
回答已采纳
tl;dr -我如何在第三张图片中找到的蓝色div在空白(而不是页面)中居中？
我最近头疼得厉害。我创建了一个包含两个不同列的网站，但是，只有一个div元素才能实现。这可以在下面看到。
从图片中可以很明显地看出，第一列将被视为一个侧栏，因此具有类.sidebar。.sidebar具有固定的width属性400px。页面的其余部分就是带有类.container的.container的其余部分，该类通过width和height属性扩展到100%。由于我认为这是很难通过阅读这篇文章，我已经找到了一种方法来说明如何设置页面。
灰色是html元素。
White是body元素。
浏览 2提问于2015-06-02得票数 0
回答已采纳
我使用CSS3 :after创建一个自定义形状:三角形顶部的矩形。我需要的文本在矩形的内部，应该在三角形的顶部。但是，字母的底部被三角形覆盖。我想知道是否可以使用CSS将文本放在两个图的顶部。
.position {
border-style: 1px solid red;
z-index:1;
color:white;
font-size:20px;
text-align:center;
background:red;
height: 16px;
width: 32px;
position: relative;
margin: 0 auto;
padding-top:2px;
}
.
浏览 0提问于2014-01-21得票数 0
5回答
我不能将图像放在<div class="cover">标记内居中。它出现了，但我不能在HTML文件或CSS文件中以任何方式使用样式来操作它，我需要帮助。有没有一种方法能够将图像居中，并将文本置于图像的中心。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="C:\Users\Administrator\Desktop\Taniti-Tourism-Prototype\CSS\Hom
浏览 0提问于2019-11-21得票数 2
2回答
我试图在中获得一个工具提示，其中包含一个固定的滚动头。我在这里把这个问题重复了一遍：
示例html：
<section>
<h2>I am content</h2>
</section>
<section class="content">
<div><span data-tooltip="other text i want to see">Other text</span></div>
<div><
浏览 4提问于2015-05-14得票数 2
回答已采纳
我正在尝试将Google Map加载到jsdom中，这样我就可以用react-testing-library测试地图/鼠标事件。不幸的是，<img>地图瓦片和<button>地图控件没有加载到dom中。我没有收到来自Google Maps或jsdom的任何错误消息，所以我不确定问题出在哪里。 我正在使用以下包： canvas@2.6.1
jest@26.1.0
jsdom@16.2.2
@testing-library/jest-dom@5.11.0
@testing-library/react@10.4.4 这是一个最小的例子，基于谷歌的synchronous ma
浏览 39提问于2020-07-16得票数 1
回答已采纳
1回答
我试图在jQuery中制作一个动画条形图，但是如何使条形图从底部滑行呢？有一个条形和背景的图像。我设置了CSS的位置，并试图添加动画到酒吧。酒吧出现后，我想看一张流行音乐图片。动画作品，但我想显示从底部的酒吧。
$(document).ready(function() {
$(window).load(function(){
$("#graph_bar").animate({
"height":"toggle"
},2000,function(){
$("pop&#
浏览 5提问于2015-01-06得票数 1
回答已采纳
1回答
我有一个汉堡包切换菜单使用(短)视频作为菜单选项。css代码是通过sass编写的，所以我将包括scss和相应的css代码。
所有这些菜单选项都应该有功能链接和悬停效果，去除带有悬停效果的黑色#000覆盖，将覆盖div的不透明度设置为0。
但是，只有第一个(1/4)和最后(4/4)菜单选项具有悬停效果和功能链接。链接在任何地方，atm，但是指针光标显示在这两个.fo脚-内容div上。
我已经尝试过重写第2和第3页脚内容的HTML div，除内容外，与第一和第四div的代码相同。我还试着把类划分成. four 1到4，没有什么变化。
这里是html代码，我尝试在注释中描述。请原谅我发布了整个代码
浏览 0提问于2020-05-20得票数 0
回答已采纳
5回答
我正在创建一个图，在底部的条形图中，我不想固定水平的位置。因为条子有不同的宽度。
我想要这样的，但让酒吧在底部。
<div class="container">
<div class="bar" style="height: 80px; background-color: #090;"></div>
<div class="bar" style="height: 60px; background-color: #060;"></div>
浏览 7提问于2014-05-31得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
