css - 图片链接不工作，即条件样式不显示

Question

所以我自愿帮助修复一个亲戚的网站。并且代码是由 iweb 生成的，因此您可以想象它并不漂亮。无论如何，我遇到了几个问题，首先我将图片放在链接中，但它不起作用:(链接未被访问)。

<a href="http://www.facebook.com/brackenhollow.stables" style="display:block; z-index:300;"><img src="sidebarbgs_05.png" alt="we're all about horseback riding"/></a>

此外，如果您注意到内联样式，请假装没有注意到。另一件事，主页上的 hero 元素不起作用，所以我尝试了一些可以在 head 元素中找到的条件样式，但由于某种原因它们没有被应用。

<style type="text/css">
.tinyText{
top: 8px !important;

}
[if IE] #stupidie{
left: -4px !important;
top: 1px !important;

}
</style>

有什么建议吗？该网站可以在这里看到:www.brackenhollowstables.com

Answer 1

可能有一种我不知道的格式，但您的 IE 条件看起来格式不正确。而不是

[if IE] #stupidie{
left: -4px !important;
top: 1px !important;

}

应该是

<!--[if IE]>
#stupidie{
left: -4px !important;
top: 1px !important;
}
<![endif]-->

更新

您的链接无法正常工作的问题是由于您的 z-indexes。你在整个页面上都乱七八糟，看起来 #body_layer div 覆盖了你的侧边栏。当我从 CSS 中删除 z-index 属性时，它允许您单击链接。这确实会破坏您页面的其余部分。您可以做的另一件事是将 #body_layer 的宽度更改为 ~500px。这样可以防止它溢出到侧边栏并覆盖您的链接。