Z-将分区(0)索引到其同级(1)之后，同时保持子项在其上方(2) |仅在悬停时使用OwlCarousel导航箭头
Z-将分区(0)索引到其同级(1)之后，同时保持子项在其上方(2) |
这个问答内容涉及到前端开发中的分区索引、子项排序以及悬停时使用OwlCarousel导航箭头的问题。
- 分区索引是指对页面中的某个区域进行标识和索引，以便在需要的时候进行操作或者定位。通过给分区添加唯一的标识符或者类名，可以方便地对其进行操作和样式控制。
- 同级指的是在页面结构中处于相同层级的元素。将分区索引到其同级之后，意味着将该分区移动到同级元素的位置之后。
- 子项排序是指对分区中的子元素进行排序，以满足特定的需求或者展示要求。可以通过CSS的flexbox布局或者JavaScript的排序算法来实现子项的排序。
- OwlCarousel是一个流行的响应式轮播插件，可以用于创建漂亮的轮播图效果。在悬停时使用OwlCarousel导航箭头，意味着只在鼠标悬停在轮播图上时显示导航箭头，增强用户体验。
综上所述，针对这个问答内容的答案如下：
Z-将分区(0)索引到其同级(1)之后，同时保持子项在其上方(2) | 的解决方案是，首先通过给分区添加唯一的标识符或者类名来索引该分区，然后使用CSS或者JavaScript对同级元素进行位置调整，将分区移动到同级元素的位置之后。同时，可以使用CSS的flexbox布局或者JavaScript的排序算法来对分区中的子元素进行排序。最后，使用OwlCarousel插件，在鼠标悬停在轮播图上时显示导航箭头，提升用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发相关产品：https://cloud.tencent.com/product/web
- 腾讯云后端开发相关产品：https://cloud.tencent.com/product/cdb
- 腾讯云软件测试相关产品：https://cloud.tencent.com/product/cts
- 腾讯云数据库相关产品：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维相关产品：https://cloud.tencent.com/product/cvm
- 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
- 腾讯云网络通信相关产品：https://cloud.tencent.com/product/vpc
- 腾讯云网络安全相关产品：https://cloud.tencent.com/product/ddos
- 腾讯云音视频相关产品：https://cloud.tencent.com/product/vod
- 腾讯云多媒体处理相关产品：https://cloud.tencent.com/product/mps
- 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发相关产品：https://cloud.tencent.com/product/apigateway
- 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/vr
相关·内容
2回答
下面的代码显示三列，每列之间有一个箭头。
悬停在第一列-箭头可以看到。
悬停在第二或第三列-箭头消失。为什么它会消失？
.col {
background: #acf;
border: 1px solid #666;
display: table-cell;
width: 125px;
height: 200px;
}
.col span {
color: #f00;
font-size: 3em;
position: relative;
top: 80px;
left: 100px
}
.col:hover {
filter: graysc
浏览 1提问于2020-06-22得票数 3
回答已采纳
2回答
我正在开发一个简单的导航栏，它使用可见性属性在鼠标悬停时显示一个下拉菜单。但当我悬停时，该条件不会生效。这背后的逻辑是什么？
浏览 1提问于2012-07-07得票数 1
回答已采纳
1回答
我有3个div：
红色的是绝对定位的。我正在尝试更改悬停时的边框颜色。
问题是呈现顺序有一个优先级(可以使用z-index更改)。但是我想在所有悬停的元素上触发悬停效果。
在这个例子中-我希望绿色区域触发红色和蓝色的悬停，而悬停黄色区域触发紫色和红色的悬停。
当悬停不重叠的蓝色div时，我只想“悬停”蓝色的div(红色和紫色div也是如此)
这有可能吗？
浏览 0提问于2021-04-18得票数 2
1回答
我已经实现了一个角应用程序的第一页。此页面显示一个侧边栏菜单，其中的菜单项是一个标签，以及一个表格和图像。当在图像上方悬停并按右箭头键时，图像将被替换为另一个组件。
我遇到的问题是:当单击表行，然后在图像上方悬停并按右箭头键时，表行将被聚焦。类似地，当单击菜单项，然后切换回原来的菜单项时，当按右箭头键时，这个a-标记将被聚焦.
显然，我不希望任何元素在按右箭头键时被聚焦.如果我在图片上方悬停之前单击页面上的某个位置，该应用程序将以预期的方式运行。所以，我想知道:在听按键活动之前，是否有可能把整个页面的焦点集中起来？或者你还有其他建议吗？
浏览 1提问于2022-07-25得票数 0
我正在尝试创建一个旋转木马，并在悬停时将标准光标替换为左/右箭头按钮，但找不到任何关于如何实现这一点的参考 $(function(){
var owl = $('.owl-carousel');
owl.owlCarousel({
autoplay: 2000,
items:1,
loop: true,
onInitialized : counter, //When the plugin has initialized.
onTranslated : counter //When the translation of the stage has finished.
});
浏览 14提问于2019-02-13得票数 0
2回答
我创建了一个想要在我的UITableView上显示的UIView。
我通过添加到当前视图来添加它：[self.view addSubview:self.adBanner];
当我执行scroll时，section headers将会悬停在这个view的上方。
我是否正确地将view添加到表上，或者我是否应该将其添加到其他view
浏览 1提问于2013-05-24得票数 0
2回答
我有这样的结构：
HTML
<div class="bottom-container">
<div class="double-arrow"></div>
<div class="bottom-box green margin-top">
<h1 class="bottom-box-h1">Box title 1</h1>
<p class="bottom-box-text">It i
浏览 20提问于2018-12-16得票数 0
回答已采纳
在该代码中，当我试图用:悬停选择器更改位于同一位置的两个div的样式时，它只会影响一个div。我试着用z-索引，但不管用。我怎么能:同时将两个div悬停？谢谢!
http://jsfiddle.net/CqhLr/1/
我需要同时激活两个悬停点
#text1:hover #text2#hover
浏览 4提问于2013-12-03得票数 1
回答已采纳
1回答
我的网站用的是火锅。在站点上，其中一个图标(fa-箭头-h)被包装在一个span标记中，基本上如下所示：
<span id="myArrow">
<i class="fa fa-arrows-h"></i>
</span>
我在外部样式表中为该箭头设置了各种样式，包括:悬停转换。其他样式包括字体大小41 has和箭头有绝对位置。我还将光标设置为“指针”，红色箭头在悬停时变成橙色(使用CSS3样式: transition: all 0.5s轻松0；)。
编辑:以下是所有CSS规则：
#myArrow {
浏览 2提问于2015-01-02得票数 1
回答已采纳
3回答
我有一个图像，当鼠标移到它上面时，它会淡出两个箭头(在左边和右边)，然后在鼠标移出时，这些箭头就会淡出。我的问题是，当用户将鼠标悬停在箭头上时，图像会将其视为鼠标移出(因为箭头漂浮在图像上方)，并淡出箭头，导致无限循环淡入/淡出，直到您将鼠标移开。当鼠标悬停在箭头上时，防止箭头消失的最好方法是什么？我已经尝试了一种方法，你将在下面看到，但一直没有解决……
下面是一些代码：
$(".arrow").mouseover(function() {
overArrow = 1;
$("#debug_oar").text(1)
})
$(".ar
浏览 1提问于2009-03-19得票数 1
回答已采纳
我正在使用。当它悬停在上方而不是单击箭头时，我如何才能让它下拉？
这类似于，但用于不同的Twitter Bootstrap元素。
浏览 0提问于2012-05-25得票数 3
那里。我正在尝试更改将打开下一个菜单面板的区域。现在，我正在触发下一个菜单面板，每次我将鼠标悬停在标题或箭头上时，我想打开此菜单，只有当我将鼠标悬停在箭头上时。 期望:在箭头悬停时打开下一个面板。 实际结果:在按钮上方的任何位置打开下一个面板。 ? <ng-container>
<button mat-menu-item
[matMenuTriggerFor]="menu.childMenu"
(menuOpened)="getRelatedAttributes(op
浏览 21提问于2021-02-03得票数 1
3回答
我正在尝试创建一个导航栏下拉列表使用材料设计。它工作得很好。我唯一的问题是所有其他的元素都漂浮在dropdown上面。 ? 我想要的是dropdown应该浮动在所有其他元素之上。我使用了"z-index"，但它不起作用。 element.style {
transform: none;
transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.makeStyles-dropdownMenu-81 {
z-index: 10000;
position: abso
浏览 124提问于2020-06-16得票数 5
回答已采纳
这是我正在使用的结构。
<div id="p-menu" class="menu">
<ul>
<li>
<a href="#">Top List Links</a>
</li>
<li><span>Top Link List with dropdown</span>
<a href="#" class="linkArr
浏览 3提问于2014-01-17得票数 0
回答已采纳
我使用信息框将一个div附加到地图上的大约20个标记上。div包含一个锚点，它通过classname:hover显示。这就像预期的一样，但是唉:我真的很想让这个框弹出:鼠标悬停在页面上的所有其他内容之上，以确保该框的内容不在任何其他内容的后面。
我已经将位置和z索引应用于页面上的所有相关元素，弹出框中有z索引1000，而所有其他元素都低于100。标记-图像(z-索引80)仍然覆盖着框。我试图更改窗格，并使用setZIndex将标记的索引设置为80，但没有效果。
boxText.innerHTML = '<p class=\"sheikh_flag\"> &l
浏览 2提问于2013-08-26得票数 1
1回答
我有一个相当简单的交互式地图，上面有一堆“大头针”，当鼠标悬停在上面时，会显示相应的“标签”。
CSS (忽略不相关的属性)：
#map { position: relative; }
.map-pin { display: block; position: absolute; }
.map-tag { float: left; left: 20px; opacity: 0; pointer-events: none; position: absolute; }
.map-pin:hover .map-tag { opacity: 1; pointer-events: all; }
HTML
浏览 1提问于2012-09-13得票数 1
4回答
如果我将鼠标悬停在当前的menulink上，第一层上的所有子菜单都会显示出来，我不知道出了什么问题，请参阅我的代码：
$('#menu li').hover(function () {
//show its submenu
$('ul', this).slideDown(100);
}, function () {
//hide its submenu
$('ul', this).slideUp(100);
});
因此，在我看来，它必须工作得很好，因为悬停
浏览 1提问于2013-05-08得票数 2
3回答
附件是一张显示我正在寻找的图片。当鼠标悬停在方框上时，鼠标上方的所有方框都会突出显示。盒子是完全分开的
我无论如何也想不出这一点！
谢谢你的帮助。
浏览 2提问于2012-11-06得票数 2
回答已采纳
2回答
嘿，我创造了一个肚脐，我在它下增加了一个幻象标记效果。
基本上，我想要它做的是当我悬停在图像上方一个箭头显示在它下面。
不幸的是，我不能很好地让它发挥作用。
在下面的插图中，我想展示一下。箭头就是这样放置的。基本上，我已经在visibility: hidden;上设置了第二个，为了说明起见，其余的都是可见的。
有黑色背景的那个显示了我的光标悬停在上面的那个(展示选择的效果，我的css实现一定有问题)。我已经将背景设置为#000 (黑色)，只是为了说明悬停的目的。至于实际的代码，我只是希望图像是可见的。
所以再一次，我想要的是让箭头保持隐藏，除非你悬停在它们上面，。我的代码看起来像这样
浏览 1提问于2016-03-01得票数 0
回答已采纳
我正在尝试创建facebook喜欢悬停卡，当你悬停在某人上方时，说聊天。
你得到一个指向个人和他的信息的尖头箭头的方式。
现在从这个页面开始
http://reseller.linkall.co.in/
我已经设法编辑了一些代码，并使鼠标移动不跟随它
http://jsfiddle.net/UYCUu/
但我不能让它得到尖锐的部分，并决定是否显示左侧或右侧取决于可用的空间。
任何帮助都是感激不尽的
浏览 3提问于2013-08-07得票数 0
3回答
我试图创建一个css悬停效果，即带有文本和圆圈上方的向下箭头的div应该隐藏，当我悬停圆圈时，它们应该出现。
但我不能这么做。下面是我使用的代码。
当我将鼠标悬停在这个圆圈上时，上面的两个div应该是这样显示的
<head>
<title>CSS Hovering Effect Practical Class</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
浏览 8提问于2014-01-02得票数 0
2回答
我有一个输入文本。我添加了一个比输入元素小的背景图像。我只想在图像上方悬停时更改图像。
这是我的css：
#inputBox2{
top:45%;
background-image:url(".\\Images\\arrow.png");
background-repeat: no-repeat;
background-size: 14% 100%;
background-position: right;
}
编辑：，我正在尝试这样做：
当我在箭头上方悬停时，我希望它改变颜色，当我点击它时，它应该提交。
浏览 4提问于2013-03-09得票数 0
回答已采纳
1回答
我正在为我的新应用程序创建一个工作区，它的工作方式是在屏幕左侧的单个列中有一个可视元素列表，在右侧有一个空的工作区。当用户将新的UIElement从左侧拖到我的工作区(可能是网格或某种面板)时，我希望工作区显示4个箭头(停靠箭头)-我知道当只有一个元素时，这没有多大意义。当用户现在将新的UIElement拖动到工作区时，我想要相同的4个停靠箭头，允许我将新元素放在现有UIElement的左侧、右侧、上方或下方。
我希望每个UIElements都能达到拖放行为，这意味着当我在UIElement上拖动时，我希望能够相对于悬停在上面的那个来停靠，从而允许我以这种方式构建整个工作区。
当将新的UIEl
浏览 2提问于2012-04-17得票数 0
回答已采纳
所以代码看起来是这样的:当我将鼠标悬停在当前div1上时，如何更改link1？
<ul>
<li>
<a class='link1'></a>
<a class='link2'>
<div class='div1'></div>
<div class='div2'></div>
</a>
</li
浏览 0提问于2012-05-17得票数 4
回答已采纳
2回答
想象一下这种结构：
<div class="background">
<div class="object"></div>
</div>
<div class="foreground"></div>
我的foreground完全覆盖了我的CSS中的background，我想在悬停时更改对象属性(即.object:hover{} )，有没有办法在CSS中不将object移动到foreground中或使用js？
更新:我的css要求。
.background { backgr
浏览 3提问于2013-10-30得票数 0
回答已采纳
2回答
我有一个CSS菜单，如所示。
在菜单中有一个箭头标记，如下所示：
仅当将鼠标拖动到箭头标记下方时，我才能选择(突出显示)子菜单项。将鼠标向下移动到其他位置时，不允许高亮显示子对象(它们只是消失)。
我正在努力实现两件事：
1)允许选择子项，而不考虑箭头标记
2)去掉箭头标记，箭头不应该出现在图片中(即使我没有悬停)。
我们如何做到这一点？
浏览 2提问于2012-07-06得票数 0
回答已采纳
1回答
我有以下HTML：
<a href="somewhere">
<span class='mask'></span>
<img src="my_image.jpg" />
</a>
和下列CSS：
a {
display: block;
position: relative;
}
a:hover .mask{
background: rgba(255,255,255,0.1);
}
.mask {
bottom: 0;
left:
浏览 4提问于2013-03-05得票数 1
2回答
我正在为三个类似的选项卡式项目开发一点功能。基本上，当你将鼠标悬停在其中一个上方时，我希望这两个兄弟的不透明度达到50%。我设置了一个非常基本的jQuery悬停事件，下面是页面代码...
<div id="footer">
<a href="#" class="footer-tabs" id="footer-seek">Seek</a>
<a href="#" class="footer-tabs" id="footer-experi
浏览 2提问于2010-03-24得票数 2
回答已采纳
我希望width=100%在鼠标悬停事件时出现在表格单元格上方(填充整个单元格、div div和div)。
在IE8和Chrome中，它看起来像是我想要的，但在Firefox div中，它超出了表格单元的边界。
浏览 9提问于2012-03-11得票数 3
回答已采纳
5回答
我有一个标签，在这个标签里面是一个跨度，有一个叫做“箭头”的类。我在a标签上有一个悬停样式，使文本变成蓝色。我还希望当a标签在上方盘旋时，箭头会变成蓝色。
<div id="results" class="center">
<div class='link'>
<a href="#">How to use SimplyBuilt support</a>
<span class="arrow"></span>
浏览 7提问于2013-11-04得票数 0
回答已采纳
我在工具提示中有一个箭头，工具提示是绝对定位的，我有一个div，当你将鼠标悬停在它上面时，它会显示工具提示。我希望箭头显示在div的正上方。在AS3中，我经常使用LocalToGlobal来找到正确的位置。如何在jquery中实现globalToLocal和localToGlobal函数？
有谁能帮上忙吗。这开始让我有点抓狂了。我下面的帖子更好地解释了这一点。
浏览 0提问于2013-06-03得票数 0
3回答
当某些菜单项悬停时，我想创建弹出菜单，我的菜单是这样的：
item1 | item2 | item3
当item2悬停时，我想在item2下方显示弹出窗口，箭头指向上方。我确信使用javascript很容易做到这一点，尽管我还没有做到这一点。但这里的要求是只使用CSS。
我找到了这个例子：
唯一的区别是，我需要弹出显示在下面的菜单，而不是上面和箭头指向向上，而不是向下。如下图所示：
有谁有这样做的例子吗？或者能帮我做到这一点？
浏览 0提问于2012-10-14得票数 6
回答已采纳
1回答
我有一个特定的用例，其中我有一个边栏，其中包含列表中的一些导航项，并希望在悬停时展开元素。左div中的悬停项应与右div重叠。
如果我将列表项设置为absolute，这基本上是可行的。唯一的问题是，当放大或滚动溢出时，它们的位置不再“好”。要修复这种行为，我可以将父级设置为relative。然而，这改变了堆叠行为，我不能再重叠右div。
在缩放或滚动时，是否有任何方法使左项与右div重叠，而不影响其位置？
.container {
display:flex;
}
.left {
width:49vw;
height:50vh;
background-color:yello
浏览 0提问于2019-04-26得票数 1
2回答
我已经非常接近了，但是我尝试了三种不同的方法在悬停的图像上获取文本，这让我不知所措。
我想做的是在左边有一个列表，将鼠标悬停在左边的6个元素中的任何一个上，然后让右边的图像与文本一起改变。第一个图像应该是默认显示的图像。
你会发现我已经尝试了3种不同的方法来让文本显示在前3个元素上。不管我怎么做，文本总是显示在所有3个元素上，而不仅仅是悬停的元素。
这是实时测试站点：
这是一个使用Headway主题(图形用户界面主题创建者)的WordPress站点。
这里是问题所在的部分的jsfiddle： (它看起来很混乱，因为它不是完整的站点，而更多的是容器中的自定义代码。
<div class=&
浏览 4提问于2015-02-03得票数 2
1回答
当您将鼠标悬停在菜单项上时，我想使用jQuery将箭头滑动到菜单项上。
您需要知道的是，菜单在带有text-align:center li项的ul元素中，文本以为中心。
箭头位于中，位于ul之上。在该div中，称为“箭头容器”的是另一个div，称为“箭头”。
箭头容器是相对的，箭头是绝对的.
每件东西都有1000 is宽
提前感谢您的帮助！
请让我说清楚，我希望箭头滑动，使用.animate()，而不仅仅是弹出菜单项上方
浏览 2提问于2011-08-30得票数 0
回答已采纳
1回答
当您将鼠标悬停在不同的div标记上时，是否可以更改div标记的属性？
例如,
#tag1 {
/* properties */
}
#tag1 a:hover {
/* new properties */
}
#tag2 {
/* contains a link */
}
tag1会在哪里发生变化，但tag2包含了悬停将发生的位置(或链接)。
浏览 1提问于2011-12-27得票数 0
回答已采纳
3回答
当#aaa悬停在上面时，我需要将#hidden更改为display:block。它不能工作，因为#aaa与#hidden不在同一级别--有没有办法在悬停时操作一个完全独立的元素？我正在尝试制作一个带有subnav的基于CSS的导航，并在导航项目悬停在上方时显示相应的subnav。
HTML：
<div class="cheetahContainer">
<div id="cheetah">
<p><a href="#">Cheetah</a></p>
浏览 1提问于2013-10-10得票数 0
这里我有一个模态的小例子，我在一个按钮中添加了z-index: 1000。
<button type="button" class="btn btn-info btn-lg" style="z-index: 1000" data-toggle="modal" data-target="#myModal">Open Modal</button>
为什么按钮不出现在模态上方？还是我完全误解了z指数的性质？
单击"Run“以显示代码的结果。单击“打开模式”打开模态
浏览 0提问于2019-03-13得票数 0
回答已采纳
所以我有几个DIVs叫做实现，每个DIVs都包含一个叫做recent-share的跨度。我想要做的是首先隐藏每个最近的共享，然后在父“acheivement”类悬停时显示它。WHat。我尝试使用$(this)来获取它，但它不起作用。我假设这是一个语法错误或其他什么，任何帮助都将不胜感激！
<script>
$(".recent-share").hide();
$('.achievement').hover(
function ()) {
$(this).next(".recent-sha
浏览 0提问于2011-06-09得票数 1
回答已采纳
1回答
跟随游标的工具提示
、、、
我创建了一个工具提示，当你在图标上方悬停时，它会出现，但唯一的问题是它没有跟随光标，因为它有时会被卡住。
下面是一个有用的示例：
这里我的代码：
<a href="#" class="tooltip"><img src="http://i.imgur.com/JkhlPKF.png"><span>Equipment</span></a>
<a href="#" class="tooltip"><img src="http://i
浏览 1提问于2013-09-10得票数 0
2回答
在div里面有一个背景。然后，我会写一个链接列表，然后通过背景图像，但它似乎不起作用。
如果链接位于背景图像上方，鼠标悬停在上面，我就不会得到文本的下划线，就像所有不在图像背景之上的链接一样。
这是我的密码：
<div style="min-height:200px;">
<div class="backgroundImg"
style="background: url(/my/url.png) no-repeat; height:140px; width: 140px;position: absolute;>
浏览 3提问于2011-10-27得票数 0
回答已采纳
我创建了一个标题带状菜单(页面顶部的水平菜单)，当它在链接上悬停时，每个链接都会打开一个子菜单，该菜单应该显示在主内容的顶部。
问题是在主内容下面呈现子菜单。
我尝试为子菜单z-index设置一个更高的值，但这并没有帮助。
当我将主内容的z-index设置为-1 (0也不工作)时，会显示子菜单，但是内容中的所有按钮都不能工作。
我搜索我的整个CSS，甚至没有一个z-index分配。
更新
内容div的样式如下：
#content {
background: #fff;
position: absolute;
top: 176px;
bottom: 25px;
padding
浏览 3提问于2012-12-31得票数 2
回答已采纳
在HTML5页面中，我有这样的东西：
<object type="application/x-shockwave-flash" wmode="transparent" data="do stuff and get an image to use as an icon" class="my_class">
在my_class中，我定义了cursor: pointer;，但是当光标悬停在swf对象图像图标上方时，光标显示的是默认箭头，而不是手。我已经尝试将!important添加到我的css类中了。还有其他想法吗？
谢谢!
浏览 1提问于2014-09-30得票数 0
我有一个菜单设置，其中有大约20个菜单项在一个圆圈中。当您将鼠标悬停在每个项目上时，会出现一个标题。唯一的问题是，由于深度顺序，它隐藏在其他菜单项后面。当鼠标移到上方时，有没有办法把这个项目放在最前面？我是一个相当的actionscript文盲，所以任何帮助都是很棒的。
浏览 0提问于2010-05-23得票数 12
回答已采纳
2回答
如何使用css隐藏滑动div
、、、、
我想创造一个滑动的效果。我有两个div放在旁边。当鼠标悬停在向右滑动并隐藏div id="right"的div id="left"时。在div id="left"周围有一个类似于鼠标跟踪器的东西，它在div id="left"周围增加了一些空间，作为额外的地方，可以悬停来隐藏div id="right"。我构建了一个示例来说明我的意思：
下面是HTML：
<div id="main">
<div id="tracker">
<d
浏览 0提问于2013-04-12得票数 1
回答已采纳
1回答
在我的页面中，我有3个占位符图像在我的公文包部分。我想要的是当它们悬停时图像变得更宽更高。但是，我也有一个固定的标头集，z-index为1000 (原因很明显)。问题是，由于某些原因，即使我将容器设置为position: relative，z-index为-1，当我向下滚动时，图像仍然显示在标题上方。下面是我的codepen代码片段：
* { font-family: 'Raleway', sans-serif; }* HEADER/HOME ---------------------------------*/
我能做什么?谢谢!
浏览 2提问于2017-04-21得票数 0
2回答
我有输入元素和段落元素，我希望只在输入元素上方悬停时显示p元素。
这是我试过的
<html>
<body>
<div class="overlay">
<input id="inputCustomer" value="sometext">
</div>
<div class="content">
<p id="spandiv">This the p element</p>
</div>
浏览 3提问于2019-12-23得票数 0
回答已采纳
3回答
在过去，我总是能够写出像这样的东西
.hero:hover .child {}
以便在.hero悬停时更改.child。我知道我可以使用+ operator，但我以前从来不需要它。
我有一个codepen在这里演示这个问题
你会在底部看到：
.p1:hover .p2 {
width: 60%;
}
但是由于未知的原因，它没有任何效果
浏览 0提问于2017-02-25得票数 0
2回答
标题说明了一切；我的css：
a.menu:hover {
opacity: 1;
text-shadow: 0 0 10px white;
}
a.menu:hover ~ .dropdown {
display: block;
}
.dropdown {
display: none;
width: 50px;
height: 50px;
position: absolute;
top: 120px;
left: 120px;
background: red;
}
HTML：
<p class="left_topbar">
<a href="
浏览 6提问于2015-11-19得票数 1
回答已采纳
2回答
我是个开发新手！我几个月前就开始学习了:D当我在包含标题和一些文本的div上悬停时，会弹出一个与背景不同的边框，突出显示该div的区域。我已经成功做到了这一点！ .item {
border: solid 0px;
border-spacing: 10px;
background: rgba(164, 165, 219, 0.45);
border-radius: 20px;
}
.item:hover {
background: rgba(72, 74, 196, 0.45);
} 但是，我似乎也不能改变文本的颜色。当悬停在文本的正上方时，我只能更
浏览 22提问于2020-03-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
