文章/答案/技术大牛

发布

社区首页 >问答首页 >在铬上使用目标

问在铬上使用目标
EN

Stack Overflow用户

提问于 2014-05-14 19:38:23

回答 1查看 40关注 0票数 0

我试图在某些元素上启用:target，它似乎可以在我的手机上使用IE、Firefox，甚至Chrome，但是它在我的Chrome桌面上却不起作用。有什么建议吗？

HTML (删除不相关的代码)：

    <nav class="main-nav" id="main-nav">
        <a href="#gym">THE GYM</a>
    </nav>

<div class="page-wrap">
        <div class="content">
            <div class="gym" id="gym"></div>
        </div>
</div>

CSS：

.gym {
    z-index:3;
    position:fixed;
    height:200px;
    width:100%;
    background:#fff;
    bottom:0;
    left:0;
    box-shadow:2px 4px 4px rgba(0, 0, 0, 0.4);
    margin-bottom:-200px;
    transition: margin-bottom ease 1s;
    -webkit-transition: margin-bottom ease 1s;
    -o-transition: margin-bottom ease 1s;
    -moz-transition: margin-bottom ease 1s;

}

#gym:target {
    margin-bottom: 0;
}

顺便说一句，当我尝试用JS做这个方法时，使用.css函数，它甚至不会在boazkerengil.com上运行work...the站点

html

css

google-chrome

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-15 01:12:07

我不知道什么东西坏了。只是出现了一个白色的盒子，对吧？如果是这样的话，它是起作用的。下面是发生的事情的屏幕记录：http://cl.ly/VWDf。我正在使用Chrome 34.0.1847.137。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23663648

复制

相似问题

问在铬上使用目标
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在铬上使用目标EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在铬上使用目标
EN