0

我已经看到了一些这样的问题，但我的似乎需要更复杂的修复，因为它与动画有关。

的HTML：

<li class="picFrame frame6">
    <img src="img/FRAME6.png" class="frameObj frame6">
    <a href="img/image.jpg" id="ilightbox" class="picFrameMainLink">
        <span>Single Image</span>
        <div class="picSliderWrapper">
             <div class="picSlider">
                <div class="picSliderContent">
                    some text
                </div>
            </div>
         </div>
     </a>
</li>

基本思想是锚标签的边框半径为 119px。但是，picSlider div 使用图像作为其背景。该图像比包含锚点大，但边界半径和溢出：隐藏样式似乎并没有隐藏溢出。

这只发生在 webkit 浏览器中，而且通常只发生在悬停动画播放时。动画只是使用 jQuery 来改变 div 的 'top' 样式：

whateverDiv.animate({ top: topVal }

我在这里设置了一个例子。将鼠标悬停在中心以查看实际问题。

我已经尝试了其他一些解决方案，但其中许多似乎都依赖它作为静态图像。如果我在检查器中动态更改一些 css，Chrome 似乎可以正确重绘元素，但是一旦动画开始，就会恢复显示溢出。

对此有任何帮助都会很棒！

编辑：

我仍在为此苦苦挣扎。这是在损坏和工作状态下的外观的屏幕截图。

在此处输入图像描述

对此的任何帮助将不胜感激。谢谢！

4

0 回答 0