png图片浮在文字上方用div+css怎样实现

html-css06

png图片浮在文字上方用div+css怎样实现,第1张

你应该是要用在文章页吧？对于这种内容不固定的东西建议使用position定位方式：

一共三个块级元素标签，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一毛钱关系都没有