IE、Firefox、Chrome、Opera 和 Safari [关闭]答案

【问题标题】：IE, Firefox, Chrome, Opera and Safari [closed]IE、Firefox、Chrome、Opera 和 Safari [关闭]
【发布时间】：2012-04-22 08:46:11
【问题描述】：

当我创建网页时，每次我开始在 photoshop 中创建布局时，我都会对图像进行切片，而不是在 Dreamweaver 中我开始对其进行编码 HTML、CSS 和 Javascript (Jquery)如果我想使用数据库，请使用 PHP。

使用 HTML 和 CSS 对页面进行编码时，每次完成代码块（div、span 等）时，我都会使用 Firefox、Google Chrome、Opera、IE 和 Safari 进行检查。在 Firefox、Chrome 和 Opera 中一切正常，但在 IE 和 Safari 中，一些 div 是不可见的，图像四处飘荡，图像不可见等。

这就是我创建网页的方式。您如何创建自己的网页？你从哪里开始？当这样的事情发生时我应该怎么做（IE 或 Safari 上的不可见元素）？我总是用谷歌搜索它，发现在旧版本的 Internet Explorer 或同一版本上我需要实现一些代码。我没有使用旧版本的经验，有时我不知道为什么会发生这种情况。我不知道在哪里搜索，或者我需要搜索什么关键字。

例如我需要使用边框半径，但在 IE 中它似乎被破坏了。有任何想法吗？

【问题讨论】：

对这个网站来说这是个好问题吗？如果我错了，请纠正我。
对我来说不是，它很宽泛，没有具体的答案。
@Rafal 你为什么不举报它？

标签： internet-explorer firefox google-chrome opera

【解决方案1】：

当我开始一个网页时，我会布置网站的主要部分，例如页眉、菜单和页脚 div，然后按自己的方式进入。

不幸的是，对于网络开发人员来说，某些浏览器显示元素的方式存在差异。要调试这些问题，请使用诸如 firebug for FF 之类的开发人员工具包，这些对您有很大帮助，因为您可以将页面分开。 Chrome 有一个非常好的内置工具包，IE 有点差，按 F12 就会出现。

IE 不支持border-radius，我喜欢使用这个工具来生成我的边框半径CSS，因为它适用于所有其他浏览器。

【讨论】：

【解决方案2】：

border-radius 在 IE9 中可用，应该可以正常工作。

关于我的工作方式：

我收到了布局（来自设计师和切片图像），我正在对其进行编码 - 通常我使用 SublimeText 2。
在 Firefox 和 Chrome（moz 和 webkit）中测试它。 Web 开发工具真的很有帮助。
在 Opera 中测试 - 它通常可以正常工作
为 IE 编写其他 CSS 文件（你知道，出于兼容性原因）

我建议使用一个好的 wordpres 主题并查看 CSS 文件。它可能会帮助你。

【讨论】：