2

我最近发布了我的第一个名为 Shutter Image Gallery 的开源项目,当我查看它在移动设备 (iOS) 上的外观时,发现了一个我似乎无法解决的问题......

在此处输入图像描述

正如您在图像中看到的,控制按钮上的 a:hover 状态似乎保持不变。除非您单击相反的按钮,否则 a 的颜色不会返回。我试图搜索问题,但找不到任何相关内容。

该代码是开源的并托管在 GitHub 上。如果你能帮忙,请这样做。在此处发布修复或将其推送到存储库。我将不胜感激。

存储库链接:https ://github.com/W3Geek/Shutter

演示链接:http ://w3geek.github.com/Shutter/

4

2 回答 2

3

尝试在 CSS 中进行媒体查询以仅在桌面上使用 a:hover 效果,而在 iOS 设备上使用 a:active 进行颜色更改。

于 2012-10-05T02:00:15.680 回答
1
/* Desktop */
@media only screen and (min-width:650px) 
{
    a:hover 
    {
        color:red;
    }
}

/* Mobile */
@media only screen and (max-width:650px)
{
    a:active
    {
        color:red;
    }
}
于 2013-04-04T22:18:07.993 回答