gpt4 book ai didi

html - CSS 悬停不适用于我的 div

转载 作者:太空宇宙 更新时间:2023-11-04 12:39:17 25 4
gpt4 key购买 nike

我无法在我的 div 上使用悬停 CSS 效果。

这是 HTML:

<!doctype html><!--HTML5-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="chaosMain.css"/>
</head>
<body>
<div id="featuredContent1"></div>
</body>
</html>

这是它的 CSS:

    html{
margin:0px;
padding:0px;
height:100%;
width:100%
}
body{
margin:0px;
padding:0px;
height:100%;
width:100%;
background-color:#F0F0F0;
color:#F0F0F0;
}
div{
position:fixed;
}

#featuredContent1{
margin-left:8.5%;
margin-top:11.7%;
width:23%;
height:40%;
background-color:#F26E24;
z-index:-1;
border-radius:2px;
}
#featuredContent1:hover {
width:25%;
height:42%;
}

我找不到它有什么问题,但是悬停没有任何效果。

最佳答案

从#featuredContent1 样式中删除这一行

z-index:-1;     

代码

 html{
margin:0px;
padding:0px;
height:100%;
width:100%
}
body{
margin:0px;
padding:0px;
height:100%;
width:100%;
background-color:#F0F0F0;
color:#F0F0F0;
}
div{
position:fixed;
}

#featuredContent1{
margin-left:8.5%;
margin-top:11.7%;
width:23%;
height:40%;
background-color:#F26E24;

border-radius:2px;
}
#featuredContent1:hover {
width:25%;
height:42%;
background:red;
}
<body>
<div id="featuredContent1"></div>
</body>

关于html - CSS 悬停不适用于我的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27022644/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com