5.DreamWeaver中如何防止出现重叠现象-开店乐

开店乐

开店乐电子商务研究 KaiDianLe.Com

网站地图 : 一二三四五六七八九十

主页

5.DreamWeaver中如何防止出现重叠现象

| 回首页 | 网站地图 | 网络技术 >> 网页特效

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

　　用Netscape浏览的效果图：【文章来自：开店乐电子商务研究KaiDianLe.Com】

Netscape下不正常的显示效果

　　用Internet Explorer浏览的效果图：

Internet Explorer下的显示效果

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

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

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

下面是这段代码产生的显示效果：
　　　　<img src="img/ol04006.gif" width="425"
　　　　　　　　　height="97">
　　　　　　怎么样？如果你选择的背景图片质量很
　　　　　　　　　　　高的话，背景会更漂亮的。

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

下面是这段代码产生的显示效果：
　　<img src="img/ol04006.gif" width="425"
　　　　　　　　　height="97">
　　
　　　怎么样？如果你选择的背景图片质量很高的话，背景会更漂亮的。

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

【日期：2006-10-9】【作者：网上开店】【转载自：http://www.kaidianle.com】