草庐IT

overflow-anchor

全部标签

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 - 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 - 不期望滚动条时出现滚动条 line-height 和 overflow-y 问题

我遇到了(对我来说)意想不到的行为,其中出现了垂直滚动条。我不明白对容器高度的限制可能是什么。我可以通过更改LI的margin:1或设置来解决这个问题UL的行高:正常而不是1。谁能解释一下实际发生了什么?也就是说我超出了多少高度需要垂直滚动条?我创建了一个非常简单的JSFIDDLE来说明我遇到的问题。body{line-height:1;}ul{margin:0;}.content-section{overflow-y:auto;}cheesecrackers 最佳答案 这是因为您的line-height设置为1,这意味着line-

html - 不期望滚动条时出现滚动条 line-height 和 overflow-y 问题

我遇到了(对我来说)意想不到的行为,其中出现了垂直滚动条。我不明白对容器高度的限制可能是什么。我可以通过更改LI的margin:1或设置来解决这个问题UL的行高:正常而不是1。谁能解释一下实际发生了什么?也就是说我超出了多少高度需要垂直滚动条?我创建了一个非常简单的JSFIDDLE来说明我遇到的问题。body{line-height:1;}ul{margin:0;}.content-section{overflow-y:auto;}cheesecrackers 最佳答案 这是因为您的line-height设置为1,这意味着line-

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