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>

此外，如果您注意到内联样式，请假装您没有。另一件事，主页上的英雄元素没有工作，所以我尝试了一些条件样式，可以在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索引。你在整个页面中乱七八糟地看到#body_layer div正在覆盖你的侧边栏。当我从CSS中删除z-index属性时，它允许您单击该链接。这会打破你的页面的其余部分。您可以做的另一件事是将#body_layer的宽度更改为~500px。这可以防止它溢出到侧边栏并覆盖你的链接。

Answer 2

对于图片，它似乎缺少源网址中的./。如同，它应该是：

<img src="./sidebarbgs_05.png" alt="we're all about horseback riding"/>

（这是相对的URL工作）

图像链接不起作用，即条件样式不显示

2 个答案: