css 精 确 定 位 实 例
—给渔樵旧草庐修改的网页 “渔樵旧草庐”朋友想修改一篇网页中“疟疾”两个字的读音。这篇网页是一个文字图片,图片地址为:
http://image64.360doc.com/DownloadImg/2013/08/2405/34712332_10 我用css定位代码修改后的网页如下。其修改方法为:
设置一个表格,表格标签中设置相对定位样式。单元格中先放入这个文字图片,然后设置两个块区,块区标签中都设置绝对定位样式。第一个块区是空块区,它的作用为覆盖原网页中要修改的那些文字内容;第二个块区是添加我们想要添加的文字内容(包括拼音在内)。修改后的内容在下面网页的倒数第七行。
从下面的网页效果你可以看出,应用css的定位样式,我们可以把原网页中的任何位置的内容“删除”掉,还能够在网页的任何位置添加我们想要添加的内容。
要注意欧!这两个块区的位置是不容许颠倒的欧!空块区的这些代码,必须紧贴在图片标签的下面,再往下面才是要添加内容的那个块区的代码。
“春天没来”编撰
2013年9月3日于北京
|
|