包装器阴影框在所有浏览器中都没有正确显示

时间:2014-05-09 10:30:10

标签: css html5 css3 shadowbox

我目前正在为一家公司开发一个网站,但我几天来一直在努力解决同样的问题。 我的内容包装器阴影框有问题。我已经在我的所有页面的内容包装器上应用了一个阴影框,但是当所有四个方面都显示阴影时,它似乎没有包裹页脚。我在Firefox和IE中遇到此问题,但该网站在Chrome中看起来还不错。我在所有浏览器中遇到的唯一问题是使用'联系人'内容包装器阴影不起作用的页面。我已经尝试了所有方法,增加了高度:100%,将div替换为内容及其外部,但仍然没有。我无法弄清问题是什么,而且它让我感到紧张。我甚至超过了截止日期。

这只是样式表的一部分,您可以在以下链接中查看整个代码:

<style type="text/css">#content_wrapper {
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s;
-webkit-box-shadow: 0px 5px 10px 10px #888888;
-moz-box-shadow: 0px 5px 10px 10px #888888;
box-shadow: 0px 5px 10px 10px #888888;

margin-left: auto;
margin-right: auto;
width: 960px;
height: auto;}</style>

您可以在此处找到“联系”页面的HTML和CSS文件:http://jsfiddle.net/dihm/86HWg/

所有其他页面在Firefox和IE中看起来都像这样,但它们在Chrome中也没问题。这个页面在所有三个浏览器中都是这样的。

请帮助我,我真的无法弄清楚我做错了什么。 哦,抱歉凌乱的样式表,我还在工作。

在此先感谢,我们非常感谢每一个答案!

0 个答案:

没有答案