一共三个块级元素标签,post为整个文章内容区域,content默认可以只加一个最小高度(如min-width:200px),mark就是那个印章了。
主要原理就是父容器post相对定位(position:relative),印章mark绝对定位(position:absolute),然后就可以随意设置mark的top/bottom和left/right属性来进行定位了,z-index一般不用设置,因为根据文档顺序,后出现的内容会挡住前面的内容。
基本的HTML结构:
<div
class="post">
<div
class="content"></div>
<div
class="mark"></div>
</div>
基本的样式:
<style
type="text/css">
.post
{
position:
relative
}
.content
{
min-width:
200px
}
.mark
{
position:
absolute
top:
100px
right:
50px
width:
150px
height:
150px
background:
url(images/mark.png)
no-repeat
center
center}
</style>
对于IE6的PNG透明问题的简易解决方法是在.mark类中追加
_background:none
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/mark.png"
,sizingMethod="crop")
这两句,如果有问题可以继续...
你这个问题说得不太清楚。是在页面(就是网页或者预览)看了然后打印吗?用CSS做个样式控制个盖章的PNG图片,盖在你那单据或者文件上。一般这种东西,除非是要生成个新图片,都是用CSS写的,和PHP一毛钱关系都没有