CSS 选项卡不能用作链接

标签 css

<分区>

这是我遇到问题的网站 http://www.iaddesign.com/avola

当我尝试点击标签时,它不起作用。我对 css 有悬停影响,无法弄清楚如何使选项卡工作。

告诉我谢谢。

最佳答案

<a> 中的链接 ( li) 标签需要 display:block使用宽度和高度规则。我刚刚在 firebug 中进行了修改,它解决了这个问题。

#navigation li a 
{ 
  display:block; 
}

此外,我建议您按照以下格式放置您的链接:

<li>
  <a href="index.php"><span>Index</span></a>
</li>

然后从视觉渲染中隐藏内部跨度:

#navigation li a span 
{ 
  display:none; /* or position:absolute; top:-2000px; */
}

这样,您的导航在禁用 CSS 时仍然可用。

关于CSS 选项卡不能用作链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1977717/

上一篇:javascript - css/javascript 选择器的区别

下一篇:html - CSS 定位

相关文章:

css - 正确旋转动画所需的透视

html - 为什么我的 bootstrap navbar css 不工作?

css - Bootstrap Accordion 在 safari 中出现奇怪的弹跳

css - 文本框不会留在同一行

css - 防止多行 `Position: sticky;` header 重叠(不计算/硬编码高度)

javascript - jquery 使一个 div 跟随另一个位置

jquery - Bootstrap 3 - 超大屏幕动态背景图片

html - 下拉菜单上没有边框

html - jQuery:事件 CSS

javascript - 选项卡内的复选框切换 Bootstrap