0

我正在测试我在 iOS、Android 和 WP7 移动浏览器上创建的页面，发现我的 css 悬停事件不会在 iOS 上触发，尽管它适用于 android 和 WP7。有人会碰巧知道为什么会这样吗？这是我正在使用的 CSS。

谢谢

.tooltip
{   
    position: absolute;
    display: block;
    visibility: collapse;
    z-index: 2;
    width: 190px;
    height: 163px;
    opacity: 0;
    color: #777;
    background-color:#fff;
    top: -20px;
    left: -20px;
    padding: 0px 0px 0px 0px;
    line-height: 25px;
    border-radius: 0px 0px 0px 0px;
    -moz-transition-property: opacity, visibility;
    -moz-transition-duration: 0.3s, 0.1s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.3s, 0.1s;
    box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.3);


}

 .hover-image:hover .tooltip
{
    opacity: 1;
    visibility: visible;
}

以及它正在影响的元素

<figure class="hover-image">
        <div><p class="notice">hover on me</p>[AlbumLogoSource]</div>
    <p class="item-title">[SGSV:Value:AlbumTitle]</p>   
        <figcaption class="tooltip">
            <ul class="tooltip-inner">

                <li><a href="/mypage">
                    <div class="inner-item-logo">[AlbumLogoSource2]</div></a></li>
                <li>
                    <ul class="tooltip-menu">

                        <li><a href="/view">view</a></li>

                        <li><a href="/upload">upload</a></li>

                    </ul>
                </li>
            </ul>

        </figcaption>
    </figure>
4

0 回答 0