分享

css精确定位实例

 春天没来 2013-09-03
css 精 确 定 位 实 例
—给渔樵旧草庐修改的网页

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多