我在Drupal 6中创建的网站有问题但在IE中不兼容。任何熟悉Drupal的人都会介意快速浏览一下网站并告诉我是否有任何事情发生在你身上?
http://freespiriteurodesign.com.b1.bloomsite.net/
这可能是一个css:“悬停”,“浮动”或“显示”问题,但令我感到困惑的是,它看起来像是一次又一次重复的图像 - 让我解释一下,(有六个图像总共有三个覆盖前三个以创建悬停效果)在IE中它看起来总共有12个(图像和它的叠加重复),这就是为什么它将浮动的图像推到彼此之下。它在firefox中正确显示,如果它有助于查看什么是假设看起来像那里。我已经整晚都在寻找任何论坛上的类似问题,但没有遇到任何问题。
我只是觉得也许熟悉Drupal的人可能认为它看起来像是他们以前处理过的东西而且给了我一个起点......
PS。 (哦,是的,我想知道实际问题是什么,而不仅仅是使用一个标记使网站处于兼容模式) - 谢谢你的所有想法!
答案 0 :(得分:1)
好的,看了你的源代码后,我发现你在你的锚标签中嵌入了div,我会说这是你的问题,因为它不是有效的HTML:
<a href="/design">
<div class="desgn_bx">...</div>
</a>
相反,以相反的方式嵌套div元素,以便您的HTML如下:
<div class="desgn_bx">
<a href="/design"></a>
<!-- rest of your content -->
</div>
然后添加以下CSS:
.desgn_bx {
position: relative;
}
.desgn_bx a {
*background-color: inherit; /* add these for IE7 as it does */
*filter: alpha(opacity=10); /* not like boxes with no content */
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
这将强制锚标记获取.desgn_bx
元素的完整高度和宽度,以便它仍然可以点击。