Css span:hover-won'；我不能在Firefox中工作

我不知道为什么，但是：在Firefox中，在我的代码中，hover不起作用。。它在Chrome和Safari中工作得非常完美，甚至在IE中也做得很好

我试过了。也试过了，但没什么变化

html代码：

<div id="proekti">
        <article id="red1" class="sliki">
            <span>
                <div class="text">
                <h3></h3>
                </div>
            </span>
            <div></div>

            <span>
                <div class="text">
                <h3></h3>
                </div>
            </span>
           <div></div>

            <span>
                <div class="text">
                <h3></h3>
                </div>
            </span>
            <div></div>

            <span>
                <div class="text">
                <h3></h3>
                </div>
            </span>
            <div></div>
        </article>
</div>

---

你的代码错了。SPAN是一个内联元素，但您将DIV（块元素）放置在其中。这是无效的。只能在其他内联元素中使用内联元素

---

这不是一个好的解决方案，但是：如果您在span（article.sliki>span）中添加{display:block；}属性，则hover将适用于您。

hello Pavlo谢谢您的评论。。我尝试使用span而不是div，甚至我删除了文章>span中的所有内容，但仍然没有任何结果：hover只在chrome、safari和ie上工作。

#proekti .sliki > div {
    width:25%;
    display:inline;
    float:left;
    position:relative;
    border:0;
    margin:0;
    padding:0;
    overflow:hidden;
}

article.sliki > span {
    width:25%;
    height:100%;
    display:inline-block;
    position:absolute;
    border:0;
    margin:0;
    padding:0;
    overflow:hidden;
    background: rgba(55,55,55,0.6);
    color:#FFF;
    opacity:0;
    z-index:1000;
}

article.sliki > span:hover {
    transition:all 1s ease-out;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    opacity:1;
}