CSS转换并悬停在转换元素内的按钮上

我只是不明白发生了什么事。我的HTML：

<div class='quote_post'>
    <div class='quote_hover'>
        <div class='action_button'>
            <a href='<?php the_permalink() ;?>'><span>Read More</span></a>
        </div>
    </div>
</div>

我的问题是什么。悬停有效。元素从底部移动，其中包含按钮。。。但是

<a href='<?php the_permalink() ;?>'><span>Read More</span></a>

.action_button{
    text-align:center;
    position:relative;  
}
.action_button a{
    position:relative;z-index:13000;
    display:inline-block;
    padding:8px 12px 8px 12px;
    border:1px solid #bcbcbc;
}

.行动按钮{
文本对齐：居中；
位置：相对位置；
}
.行动按钮a{
位置：相对；z指数：13000；
显示：内联块；
填充：8px 12px 8px 12px；
边框：1px实心#bcbc；
}

这个标签通常不起作用。。。我必须几次尝试移动鼠标上它得到这个链接的工作

我看不到什么？我还尝试使用jQuery和on（'mouseenter'）-以及相同的行为

---

答案-在FireFox和Safari上运行良好。不能在Chrome上正常工作。

你能添加完整的代码吗，然后让我们看看。不能复制-我可以。。。当我多次移动到隐藏和显示悬停时，有时标记对悬停-Chrome bug？没有反应。。。通常情况下，当转换没有结束，我第二次快速移动时，chrome是一个完整的bug。好的，在FireFox和Safari上工作正常。

<a href='<?php the_permalink() ;?>'><span>Read More</span></a>

.action_button{
    text-align:center;
    position:relative;  
}
.action_button a{
    position:relative;z-index:13000;
    display:inline-block;
    padding:8px 12px 8px 12px;
    border:1px solid #bcbcbc;
}