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

我在Photoshop CS4中制作了一个网页，将其切片，放在Dreamweaver CS4的表格中。 http://www.themegan.info/lab4/index.htm（粗略的开始，我知道）现在，我该如何将文字置于图像之上？我使用CSS吗？我只是在这个时候感到困惑。需要将文字放在表格中的图像上

来源

2011-02-12 Megan Kammermeier

我希望你已经猜到了，创建网站比使用Photoshop切片还要多一点。您需要学习如何从一开始就创建适当的HTML/CSS。 – thirtydot 2011-02-12 21:11:17

<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>

来源

2011-02-12 21:08:11 demas

是的，应该事先研究一下。我用绝对定位。不知道我以前怎么没想到它。谢谢。 – 2011-02-12 21:51:30

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

HTML：

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

CSS：

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

来源

2011-02-12 21:10:37 stecb

如果您正在使用DIV元素，则其可能会像

<div> 
<div>image</div> 
<div id="textDiv">text</div> 
</div>

实现这CSS

div.textDiv { 
position:absolute; 
top:220px; left:450px; 
width:242px; height:366px; 
z-index:7; 
}

个

的方法是使用图层

<LAYER LEFT=220 TOP=450>Text</LAYER>

来源

2011-02-12 21:14:46 Ismail

除非你想你的用户与图像交互（即导航菜单图像），您应该使用css background-image属性使您的设计元素转到背景。例如：

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

然后，无论放入您的td元素的文本都会自动放在图像的顶部。这一点尤其重要，因为这意味着在维护您的网站时需要更少的维护费用。

来源

2011-02-12 21:14:52 Moses

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

回答

相关问题