Question

我有这个页面中的社交按钮： http://demo.themexpert.com/joomla/appy/ （在右边）当你将这个按钮悬停在ie11并向后移动时，它们不会返回到先前的状态。它是IE中的一个错误吗？有没有办法解决

Answer 1

尝试并更改此内容：

.social-icons li a { display:block;}

对此：

.social-icons li a { display:inline-block;}

似乎在IE11中为我解决了这个问题

Answer 2

<强> Working Fiddle

我创造了解决问题的小提琴。在IE-11中测试工作正常。

<强> HTML

<ul id="social">
    <li>
        <a href="#" class="fb">
            <div class="social-icon"></div>
        </a>
    </li>
</ul>

<强> CSS

#social
{
    position: absolute;
    right: 0;
}
li
{
    list-style: none;
}
.social-icon
{
    height: 40px;
    width: 120px;
    background: red;
}
.fb
{
    margin-top: 5px;
    margin-right: -75px; 
    display: block;
}
.fb:hover
{
    margin-right: 0px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

css在IE11中悬停而不是返回到unhover风格

2 个答案: