【问题标题】:How to highlight div when id is given in urlurl中给出id时如何突出显示div
【发布时间】:2018-04-17 00:37:13
【问题描述】:

如何在使用id 显示时突出显示 div。

因为 Stackoverflow 有这个:

尝试转到this link,它会突出显示 div。

怎么做?

【问题讨论】:

  • 当您单击问题中提到的链接时,此 div 会突出显示!这个怎么做?
  • @TemaniAfif 我为此搜索了很多,但没有得到任何与此相关的内容。
  • 您只需要了解正在发生的事情并重现它。高亮在 HTML/CSS 中没有意义。当你去一个特定的块时,所做的只是一些动画,如果你知道一些 JS/CSS 你可以做到
  • @TemaniAfif 任何提示......对于工作代码
  • 检查这个链接css-tricks.com/on-target ..我做了一个简单的谷歌搜索并得到它

标签: html css highlight


【解决方案1】:
<a href="#idOfTag">Jump</a>
<p id="idOfTag">Your content goes here</p>

您只需在 URL 的末尾附加 #divid 即可跳转到某些内容。 要突出显示它,您必须使用 CSS 动画或 JS/jQuery。

更新: 这是一个包含 Google 代码的工作示例:https://codepen.io/anon/pen/xfjrh

在这种情况下,使用 CSS :target-method。它在跳转到上例中的锚点时调用。

【讨论】:

  • 那么,如何突出显示,我知道#的用法
  • 谢谢它正在工作,但它在www.domain.com/index.php#target 上工作而不是在www.domain.com/#target 上工作,为什么会这样?
  • 嗯,显然它没有转发该参数。您可能必须在那里使用 .htacess。您应该为此创建一个新问题。
  • 我已经 4 天不能再问问题了,请你帮帮我
  • 真的很抱歉,我想不通。你现在必须使用 index.php#target-version。
猜你喜欢
  • 2020-11-12
  • 2014-05-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-28
  • 2017-11-02
  • 2011-10-24
相关资源
最近更新 更多