|
| |
名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
问题:当两个层中都是图片时可以实现,但假如有FLASH是就不行了,就是说图片永远会被FLASH遮住.怎么办? 关于 Dreamweaver 中的层 层是被分配了绝对位置的 HTML 页面元素 - 详细地说,是 div 标签或任何其他标签。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。 注重 本章中所说的层属于 Dreamweaver 的布局概念,而不是 layer 标签。 理解层的概念 通过 Dreamweaver,您可以使用层来设计页面的布局。您可以将层前后放置,隐藏某些层而显示其他层,以及在屏幕上移动层。您可以在一个层中放置背景图像,然后在该层的前面放置第二个层,它包含带有透明背景的文本。 利用层可以异常灵活地放置内容。但是,使用旧版本的 Web 浏览器的站点访问者查看层时可能会碰到麻烦。若要确保所有人都能够查看您的 Web 页,可以使用层设计页面布局,然后将层转变为表。有关更多信息,请参见将层转变为表格。但是,假如您所面对的访问者很可能使用某种最新的浏览器,则可以完全用层来设计布局,而无需将层转变为表格。 关于层的 HTML 代码 当您在文档中放置层时,Dreamweaver 将在代码中插入该层的 HTML 标签。默认情况下,Dreamweaver 会使用 div 标签创建层。 注重 您还可以使用另外两种标签来创建层:layer 和 ilayer。但是,只有 Netscape Navigator 4 支持这些标签;Internet Explorer 不支持这些标签,而 Netscape 在较新的浏览器中也不再支持这些标签。Dreamweaver 可以识别 layer 和 ilayer 标签,但不使用这些标签来创建层。 在使用“绘制层”工具绘制层时,Dreamweaver 会在文档中插入 div 标签,并为层分配 id 值(默认情况下,Layer1 表示绘制的第一层,Layer2 表示绘制的第二层,依此类推)。稍后,可以使用“层”面板或“属性”检查器将层重新命名为想要的任何名称。Dreamweaver 还使用文档头中的嵌入式 CSS 来定位层和确定层的确切尺寸。 下面是一个层的 HTML 代码示例: <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Sample Layers Page</title> <style type="text/css"> <!-- #Layer1 { position:absolute; left:62px; top:67px; width:421px; height:188px; z-index:1; } --> </style> </head> <body> <div id="Layer1"></div> </body> </html> 您可以设置页面上层的属性,其中包括 x 和 y 坐标、z 轴(也称作堆叠顺序)以及可见性。有关更多信息,请参见设置层首选参数和属性。 返回类别: 教程 上一教程: DREAMWEAVER使用技巧六则 下一教程: CSS定位:LEFT 您可以阅读与"DREAMWEAVER中层的应用技巧"相关的教程: · DREAMWEAVER使用技巧六则 · XML在语音合成中的应用 · 实战DREAMWEAVER MX技巧之超链接 · CSS应用小技巧十四例 · XML在.net平台下的自定义控件的应用(1) |
| 快精灵印艺坊 版权所有 |
首页 |
||