1

我设计了这个网站：http ://piratesofpopulous.comli.com/ 我还在努力，但是有一个问题，我的网站似乎对所有浏览器都没有相同的设计，在 Chrom 和 Mozilla 中，你可以看到一些东西的半径，但在 IE 中它没有显示并且布局完全混乱，你能告诉我如何修复它。

我的“边框半径和边距”在 IE 中显示不正确，在 IE 中是否可以这样做？我没有在 PHP 和 HTML 中定义文档类型，这可能是个问题吗？

另外，我所有的页面都是* .php 格式。他们有 HTML，但扩展名为 .PHP，那么，我是否需要为 IE 支持定义文档类型和其他一些边框半径属性？

请帮助，否则我的氏族成员不会加入我的网站。

4

2 回答 2

3

首先，您问 doctype 是否重要，答案是非常大的 YES。

将以下行添加到 HTML 代码的最顶部（<html>标签上方）：

<!DOCTYPE html>

这应该有助于解决边距和其他奇怪的布局问题。如果没有 doctype，IE 就会进入“怪癖模式”，这是一种非常古老的模式，与所有其他浏览器的工作方式都不同。

如果您在 IE9 中，它也可能有助于border-radius解决box-shadow这些问题：IE9 确实支持这些功能，但在怪癖模式下可能不支持它们。

如果您使用的是 IE8 或更早版本，则浏览器根本不支持border-radius或box-shadow. 我的建议是让 Ie8 用户在没有这些功能的情况下生活；您的网站可能看起来不太好，但它可以使用，并且可能会鼓励他们升级浏览器。

如果你真的想在 IE8 中支持这些功能，有一个名为CSS3Pie的脚本可以为 IE添加border-radius和box-shadow功能。单击链接下载它并按照说明在您的站点上进行设置。是否值得努力让 IE8 看起来不错取决于您。

希望有帮助。

于 2012-08-18T11:01:02.083 回答
-1

我认为您的部分问题是您的 css 中缺少这样的东西来支持浏览器部落。

-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
于 2012-08-18T05:24:37.517 回答