需要将文本放在表格中的图像上

发布于 2024-10-17 06:50:54 字数 221 浏览 4 评论 0原文

我在 Photoshop CS4 中制作了一个网页，将其切片，然后将其放入 Dreamweaver CS4 中的表格中。 http://www.themegan.info/lab4/index.htm（粗略的开始，我知道）现在，我该如何将文本放在图像之上？我使用 CSS 吗？我现在很困惑。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

久隐师 2024-10-24 06:50:54

<td style="position:relative;">
    <img src="..." style="position:absolute;z-index:1;" />
    <div style="z-index:2;position:relative;">your text goes here</div>
</td>

<td style="position:relative;">
    <img src="..." style="position:absolute;z-index:1;" />
    <div style="z-index:2;position:relative;">your text goes here</div>
</td>

回复收藏 0 原文

空城缀染半城烟沙 2024-10-24 06:50:54

您可以通过 css 使用图像作为布局“部分”的背景。即

html:

<div id="content">...text...</div>

css:

#content{
    background:url(..imgurl..) no-repeat top left;
}

You could use the images as backgrounds of your layout "parts" through css. I.e.

html:

<div id="content">...text...</div>

css:

#content{
    background:url(..imgurl..) no-repeat top left;
}

回复收藏 0 原文

绮筵 2024-10-24 06:50:54

除非您希望用户与图像（即导航菜单图像）进行交互，否则您应该使用 css background-image 属性使您的设计元素转到背景。示例：

td#sidebar { background-image:sidebarimg.jpg no-repeat; }

那么您放入 td 元素中的任何文本都会自动显示在图像的顶部。这一点尤其重要，因为这意味着维护网站所需的维护工作会减少很多。

Unless you want your users to interact with the image (i.e. the navigation menu images) you should use the css background-image property to make your design elements go to the background. Example:

td#sidebar { background-image:sidebarimg.jpg no-repeat; }

Then whatever text you put into your td element will automatically be on top of the image. This is especially important because it means a lot less upkeep will be required in maintaining your site.

回复收藏 0 原文

~没有更多了~