我的网站上有一个固定的导航栏，它位于顶部，带有将我带到页面下方不同部分的链接。但是，因为我的固定导航栏有40px的高度，每个部分开始的40px都被覆盖了。我如何使用HTML或CSS将我的链接带我的位置偏移40px？谢谢。 最佳答案 您可以尝试将“虚拟”anchor绝对定位在每个部分顶部上方40像素处。您可以为它们提供零宽度/高度和隐藏可见性，以确保这些anchor不会影响您的页面显示方式。当用户单击固定导航栏中的链接之一时，窗口将滚动到虚拟anchor的顶部，即实际部分开头上方40像素处。示例HTML:Anchor1Anchor2A
我正在尝试构建一个表格，其中每个单元格的内容都用设置为完整高度和宽度的A标记包裹，以便整个单元格都可以点击。但有些单元格的内容需要有额外的链接。马上跳出来的解决办法就是嵌套A标签，像这样:Officersinclude:President,Vicepresident,Secretary,Treasurer,7others但是嵌套的A标签是非法的。是否有任何解决方法可以让我达到预期的效果？ 最佳答案 您可以使用CSS或JavaScript。我建议只使用CSS。CSSThisworksinmyFirefox仅使用CSS。基本上我只是让所
我正在尝试构建一个表格，其中每个单元格的内容都用设置为完整高度和宽度的A标记包裹，以便整个单元格都可以点击。但有些单元格的内容需要有额外的链接。马上跳出来的解决办法就是嵌套A标签，像这样:Officersinclude:President,Vicepresident,Secretary,Treasurer,7others但是嵌套的A标签是非法的。是否有任何解决方法可以让我达到预期的效果？ 最佳答案 您可以使用CSS或JavaScript。我建议只使用CSS。CSSThisworksinmyFirefox仅使用CSS。基本上我只是让所
HTML结构Sometextanchor仅在IE7中不可点击，我知道问题的发生是因为hasLayout，如果我们删除span的高度和宽度，它将正常工作。但我需要在不移除高度和宽度的情况下让它工作。编辑:您可以在这里摆弄一个例子:http://jsfiddle.net/rxcAb 最佳答案 仅CSS解决方案托马斯-Imodifiedyourfiddleintoaworkingexample.我更改了您的代码以在a标记内使用span，因为在内联元素(a标签)。给a标签布局(我使用inline-block)，然后在span上设置posit
HTML结构Sometextanchor仅在IE7中不可点击，我知道问题的发生是因为hasLayout，如果我们删除span的高度和宽度，它将正常工作。但我需要在不移除高度和宽度的情况下让它工作。编辑:您可以在这里摆弄一个例子:http://jsfiddle.net/rxcAb 最佳答案 仅CSS解决方案托马斯-Imodifiedyourfiddleintoaworkingexample.我更改了您的代码以在a标记内使用span，因为在内联元素(a标签)。给a标签布局(我使用inline-block)，然后在span上设置posit
在HTML页面上，链接如下:LocationonPage...应该导航到页面上的这个位置:但根据我的经验，它有时会丢失-特别是从另一个页面(如)链接时。我所说的“未命中”是指它滚动到页面上的错误位置-可能接近，也可能不接近。通常，目标位置最终会出现在屏幕顶部。我知道如果anchor下方没有足够的空间将其滚动到屏幕顶部，这可能会失败。为什么它会失败？它完全取决于布局吗？我该如何解决？(我保留这个一般性，因为我想要一个包罗万象的引用答案。)更新1感谢您到目前为止关于非显式图像大小的指示。但是在所有元素都有明确大小的页面上呢？(我现在正在处理一个。) 最佳答案
在HTML页面上，链接如下:LocationonPage...应该导航到页面上的这个位置:但根据我的经验，它有时会丢失-特别是从另一个页面(如)链接时。我所说的“未命中”是指它滚动到页面上的错误位置-可能接近，也可能不接近。通常，目标位置最终会出现在屏幕顶部。我知道如果anchor下方没有足够的空间将其滚动到屏幕顶部，这可能会失败。为什么它会失败？它完全取决于布局吗？我该如何解决？(我保留这个一般性，因为我想要一个包罗万象的引用答案。)更新1感谢您到目前为止关于非显式图像大小的指示。但是在所有元素都有明确大小的页面上呢？(我现在正在处理一个。) 最佳答案
我想，在一个anchor内,有两种不同的下划线颜色。像这样:ThistextshouldunderlineREDon`a`hoverThistextshouldunderlineGREYon`a`hover我可以添加text-decoration到悬停时的每个跨度，但这会导致每条线单独悬停。我想要它，以便当我将鼠标悬停在中的任何位置时两个span的字体都带有下划线color继承。这可能吗？注意:我知道text-decoration-color但由于支持有限，我无法使用它。 最佳答案 是这样的吗？您可以使用anchor的:hoverC
我想，在一个anchor内,有两种不同的下划线颜色。像这样:ThistextshouldunderlineREDon`a`hoverThistextshouldunderlineGREYon`a`hover我可以添加text-decoration到悬停时的每个跨度，但这会导致每条线单独悬停。我想要它，以便当我将鼠标悬停在中的任何位置时两个span的字体都带有下划线color继承。这可能吗？注意:我知道text-decoration-color但由于支持有限，我无法使用它。 最佳答案 是这样的吗？您可以使用anchor的:hoverC
我想像这样在anchor元素内垂直对齐图像:我已经阅读了很多帖子，但没有一个适合我。我也在使用Bootstrap缩略图类，我不知道这是否相关，这就是它不起作用的原因。我读过我可以设置行高，但有些地方不对。请看一个简单的plunker。http://plnkr.co/edit/DsQ80oEiHFn4ma4qfNW8更新:我已经更新了plunker。文本垂直对齐工作正常，但它仍然不适用于图像。 最佳答案 试试这个:.thumbnail{line-height:150px;//heighttakenfromOPsplunker}.thu
