所以我自愿帮助修复一个亲戚的网站。并且代码是由 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
最佳答案
可能有一种我不知道的格式,但您的 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。这样可以防止它溢出到侧边栏并覆盖您的链接。
关于css - 图片链接不工作,即条件样式不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18365785/