css精确定位实例

css 精确定位实例

—给渔樵旧草庐修改的网页

“渔樵旧草庐”朋友想修改一篇网页中“疟疾”两个字的读音。这篇网页是一个文字图片，图片地址为：

我用css定位代码修改后的网页如下。其修改方法为：

设置一个表格，表格标签中设置相对定位样式。单元格中先放入这个文字图片，然后设置两个块区，块区标签中都设置绝对定位样式。第一个块区是空块区，它的作用为覆盖原网页中要修改的那些文字内容；第二个块区是添加我们想要添加的文字内容（包括拼音在内）。修改后的内容在下面网页的倒数第七行。

从下面的网页效果你可以看出，应用css的定位样式，我们可以把原网页中的任何位置的内容“删除”掉，还能够在网页的任何位置添加我们想要添加的内容。

要注意欧！这两个块区的位置是不容许颠倒的欧！空块区的这些代码，必须紧贴在图片标签的下面，再往下面才是要添加内容的那个块区的代码。

“虐子”读YAOZI（药子）；“疟疾”读：nve'ji 即打摆子。

“春天没来”编撰

2013年9月3日于北京

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。