草庐IT

anchor-cms

全部标签

html - Safari anchor 链接不起作用

我的htmlanchor如下。Atitle据我所知,浏览器应该跳到具有匹配名称或id属性的元素。当我输入网址时http://my.site.com/templates#template-8safari按预期跳转页面。然而,当如下所示链接时,anchor什么都不做。Chrome、Opera、IE7和Firefox都可以。AlinkSafari是5.0版,这可能是Safari的错误吗? 最佳答案 问题是我链接到的页面中有一个重定向header。Opera、IE、Chrome、Firefox会将anchor转移到新页面。但是,Safari

html - 使用 :after pseudo element after anchor element - browser differences

我有一个元素,之后我想显示一个>标志,使用:after伪元素。元素的内容是动态的,因此它的宽度会发生变化,有时内容事件会跨越几行(因为这个元素位于宽度固定的中)。我想要>从最长行的末尾开始的水平位置。也就是说,当我给它right:0;规则,它应该在元素的最右边(垂直位置现在不重要):这就是它在FF中的行为方式,但在Chrome和IE中,>出现在最短行的末尾:我想了解导致浏览器之间差异的原因,但更重要的是,我希望所有浏览器的行为都像FF-放置:after在最长一排的末尾。这可能吗?我把theabovecode在水滴上 最佳答案 那是因

html - 使用 :after pseudo element after anchor element - browser differences

我有一个元素,之后我想显示一个>标志,使用:after伪元素。元素的内容是动态的,因此它的宽度会发生变化,有时内容事件会跨越几行(因为这个元素位于宽度固定的中)。我想要>从最长行的末尾开始的水平位置。也就是说,当我给它right:0;规则,它应该在元素的最右边(垂直位置现在不重要):这就是它在FF中的行为方式,但在Chrome和IE中,>出现在最短行的末尾:我想了解导致浏览器之间差异的原因,但更重要的是,我希望所有浏览器的行为都像FF-放置:after在最长一排的末尾。这可能吗?我把theabovecode在水滴上 最佳答案 那是因

html - 如何使 anchor 标记内的图像可访问?

假设我有一张如下图所示的图片。根据WCAG的说法,这张图片是实用的,因为它将用户链接到另一个页面。似乎我应该将链接的目标放在alt属性中,例如alt="comichomepage"。有视力障碍的人不会也想知道图像显示的是什么吗?该用户会喜欢alt="comicthatlinkstothecloudtweakshomepage"这样的东西吗?漫画似乎不是纯粹的装饰。Thispage做类似的事情(滚动到页面底部附近)。 最佳答案 您已经提出了这个问题,但没有提供足够的上下文。查看周围的内容、整个页面或整个网站会有帮助。周围是否有解释图片

html - 如何使 anchor 标记内的图像可访问?

假设我有一张如下图所示的图片。根据WCAG的说法,这张图片是实用的,因为它将用户链接到另一个页面。似乎我应该将链接的目标放在alt属性中,例如alt="comichomepage"。有视力障碍的人不会也想知道图像显示的是什么吗?该用户会喜欢alt="comicthatlinkstothecloudtweakshomepage"这样的东西吗?漫画似乎不是纯粹的装饰。Thispage做类似的事情(滚动到页面底部附近)。 最佳答案 您已经提出了这个问题,但没有提供足够的上下文。查看周围的内容、整个页面或整个网站会有帮助。周围是否有解释图片

html - 列表中包含的 anchor 上的填充不会调整列表项的高度

我想知道,为什么在嵌套在无序链接中的anchor上设置垂直填充不会调整列表项的高度。正如您在jsfiddle上看到的那样,标签比ul组件大,所以它与下面的div重叠。我希望li和ul的高度与其内容一样高,因此带有段落的div会向下移动。HTMLTab1Tab2Loremipsumdolorsitamet,consectetueradipiscingelit.Nullatinciduntsemperquam.Suspendissepotenti.Donecadipiscingconsequaterat.Morbisemper,liberovelpulvinartincidunt,lore

html - 列表中包含的 anchor 上的填充不会调整列表项的高度

我想知道,为什么在嵌套在无序链接中的anchor上设置垂直填充不会调整列表项的高度。正如您在jsfiddle上看到的那样,标签比ul组件大,所以它与下面的div重叠。我希望li和ul的高度与其内容一样高,因此带有段落的div会向下移动。HTMLTab1Tab2Loremipsumdolorsitamet,consectetueradipiscingelit.Nullatinciduntsemperquam.Suspendissepotenti.Donecadipiscingconsequaterat.Morbisemper,liberovelpulvinartincidunt,lore

firefox - 如何将 anchor 标记编码为 block 元素以包含其他 block 元素

我遇到了此thread中描述的相同问题.我想知道是否有其他方法可以达到相同的结果并避免这个问题。显然,即使anchor标记的显示CSS属性设置为“block”,Firefox也存在包含block元素的anchor标记问题。我想要达到的效果是让完整的block可以点击,而不是block中的文本。它还允许将悬停状态应用于整个block而不是链接部分。谁能推荐一种技术编辑:这就是我想要展示的:SomeText0FOLLOWERS2ANSWERS2QUESTIONS这是firefox呈现的内容:sometext0FOLLOWERS2ANSWERS2QUESTIONS

firefox - 如何将 anchor 标记编码为 block 元素以包含其他 block 元素

我遇到了此thread中描述的相同问题.我想知道是否有其他方法可以达到相同的结果并避免这个问题。显然,即使anchor标记的显示CSS属性设置为“block”,Firefox也存在包含block元素的anchor标记问题。我想要达到的效果是让完整的block可以点击,而不是block中的文本。它还允许将悬停状态应用于整个block而不是链接部分。谁能推荐一种技术编辑:这就是我想要展示的:SomeText0FOLLOWERS2ANSWERS2QUESTIONS这是firefox呈现的内容:sometext0FOLLOWERS2ANSWERS2QUESTIONS

html - 有一个空的 anchor 标签可以吗?

我知道如果我想将图像变成可点击的链接,我可以执行以下操作:但我更愿意使用CSS背景图片,这样我就可以拥有悬停状态:#css.twitter{display:block;width:16px;height:16px;background:url("twitter.png")}这工作正常,除了我不确定拥有一个不包含任何内容的anchor链接是否完全有效。Chrome和FF都可以很好地渲染它,但我不确定其他人是否也一样。我意识到我可以在链接中放置一些文本,然后使用text-indent:-9999px隐藏它,但我从来不喜欢这种方法,variousreasons.我上面的代码跨浏览器兼容吗?