DreamWeaver中如何防止出现重叠现象 - 网站建设,网站推广,杭州FPGA培训班,浙江FPGA培训班,苏州FPGA培训班,昆山FPGA培训班,常州FPGA培训班优化,网络营销,网站策划

　文字和图像混排，可以为我们的页面增加色彩和活力。当然这是在文字和图像搭配得比较得当和得体的前提下。然而有的文字和图像的排列却往往不尽人意。有时我们发现利用Dreamweaver制作的页面在Internet Explorer中看很漂亮，图形定位也很准确，但是当你使用Netscape或其它的浏览器时，发现图形位置错位或者覆盖文字，这大大影响了网页的效果。下面的两幅图分别是某个文件在Internet Explorer和Netscape下浏览的效果图。

　　用Netscape浏览的效果图：

Netscape下不正常的显示效果

　　用Internet Explorer浏览的效果图：

Internet Explorer下的显示效果

　　如何控制这种情况的发生呢？这里我们就来谈一谈如何利用Dreamweaver来实现图文的混排。

　　其实出现上面的情况的原因很简单，Internet Explorer和Dreamweaver同属于微软的产品，它们之间有比较好的兼容性，相互之间能够形成“对话薄Ｈ欢鳱etscape却不能“理解其中的意思“，因此采用这两种不同的浏览器会出现不同的效果。

　　那么怎样改变上面出现的不正常的情况呢？很简单，我们查看以下源程序，发现上面一段的源程序是这样的：

下面是这段代码产生的显示效果：
　　　　<img src="http://www.杭州FPGA培训班,浙江FPGA培训班,苏州FPGA培训班,昆山FPGA培训班,常州FPGA培训班ip.net/杭州FPGA培训班,浙江FPGA培训班,苏州FPGA培训班,昆山FPGA培训班,常州FPGA培训班/img/ol04006.gif" width="425"
　　　　　　　　　height="97">
　　　　　　怎么样？如果你选择的背景图片质量很
　　　　　　　　　　　高的话，背景会更漂亮的。

　　在上面的源代码中，我们发现代码对图像做了行间距的设置，我们只要将图片的行间距去除掉，就可以了。下面是变更后的代码：

下面是这段代码产生的显示效果：
　　<img src="http://www.杭州FPGA培训班,浙江FPGA培训班,苏州FPGA培训班,昆山FPGA培训班,常州FPGA培训班ip.net/杭州FPGA培训班,浙江FPGA培训班,苏州FPGA培训班,昆山FPGA培训班,常州FPGA培训班/img/ol04006.gif" width="425"
　　　　　　　　　height="97">
　　
　　　怎么样？如果你选择的背景图片质量很高的话，背景会更漂亮的。

　　另外我们也可以利用表格进行图形的定位，也不失为一种好方法，但是也可能会出现其他的问题。这一点我们会在其他的技巧中讨论。