css - href#section 标签在 safari 中不起作用

标签 css html wordpress

http://www.blackcoatinnovations.com 顶部的菜单关于和联系部分分别在同一页#third 和#footer 上。这些链接在 firefox 中作为 <a href"http://blackcoatinnovations.com/#third"> 正常工作菜单中使用了语法,但在 mac 和 ipad/iphone 上的 safari 中,页面只是刷新。

有人知道我做错了什么吗?我正在使用 wordpress 的菜单功能,有趣的是,如果我只在链接中写#third 而不是完整链接,它确实有效!但我不能这样做,因为这样菜单就无法在网站的博客部分使用。

最佳答案

这里简单修复。您需要将 href 更改为“#third”而不是整个 url。

<a href="http://blackcoatinnovations.com/#third"> 成为 <a href="#third">

当您在 url 中写入 http 时,这实际上是在告诉浏览器您正在将其定向到一个新域。由于您想留在自己的域中,因此您删除了 http 和域本身,因为您想要打开 (a) 索引(即“/”)和 (b) 您想要转到单个部分(即'#third')。

我希望你明白为什么你不需要 http://blackcoatinnovations.com/现在开始。

关于css - href#section 标签在 safari 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21805861/

相关文章:

html - 如何用另一个 div 填充一个 div 的剩余部分?

html - 没有 HTML 元素的 ng-repeat(这次真的没有)

linux - 如何在 CentOS-7 上安装 MariaDB 10.2.9.tar.gz

html - 手机上的导航图像

jquery - 使用 CSS 设置 <thead> 以占用 <table> 的整个宽度

javascript - 如何在不同速度的图像上创建平滑滚动?

css - 如何强制 SASS 合并外部 css 文件?

javascript - Node.js 和 Express : Pushing to array results in "[object Object]"

css - 如何让 div block 在模态窗口中居中

php - 使用 wordpress woocommerce 创建自定义 'Add to cart'