我的css/main.css
文件正确链接到我的index.html
文件,并且所有CSS代码都适用于我的所有HTML元素。CSS样式不显示为特定类
但是,我试图获得一个图像,它显示的信息,当悬停在哪个不工作 - CSS没有被识别,我认为有类的问题。
.box {
overflow: hidden;
position: relative;
}
.box:before {
content: "";
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(177, 208, 113, 0.8);
opacity: 0;
transition: all 300ms ease-in-out 0s;
}
.box:hover:before {
opacity: 1;
}
<div class="container margintop-50">
<div class="row">
<div class="col-sm-4">
<div class="box">
<img src="img/secgen.jpg" class="img-responsive img-circle">
<div class="boxContent">
<h3 class="title">Sivan Chakravarty</h3>
<span class="post">Secretary General</span>
<ul class="links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
编辑:这似乎是完美的在这里工作。我使用Sublime Text,一切都设置正确;但这只是在我的浏览器上不起作用。在控制台没有错误,没有任何。
的话,你可以发表你的在线或摆弄这样的问题,我们可以找到它的原因是什么? –
[链接到小提琴](https://jsfiddle.net/cL361fb0/1/) – Solias