IE，Firefox，Chrome，Opera和Safari

Question

当我创建一个网页时，每次我开始在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或同一版本上我需要实现一个代码加。我没有旧版本的经验，有时我不知道为什么会这样。我不知道在哪里搜索，或者我需要搜索哪个关键字。

例如，我需要使用border-radius，但在IE中它似乎被打破了。有任何想法吗？

Answer 1

当我启动一个网页时，我将网站的主要部分布局为例如标题，菜单和页脚div，然后按照我的方式工作。

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

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

Answer 2

border-radius在IE9中可用，应该没有问题。

关于我的工作方式：

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

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