html 图片上面显示文字,Html 让文字显示在图片的上面

转：html 图片上面显示文字,Html 让文字显示在图片的上面

 

关于position中relative 以及 absolute 属性值的区别：

position：absolute这个是绝对定位； 是相对于浏览器的定位。 比如：position：absolute；left:20px;top:80px; 这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。 position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top left在定位。应该用margin。

 

 

转 css怎么在图片上加文字

2、在css标签中，对div元素进行样式设置，定义其位置属性position为相对定位（relative）。

在css标签中，对div内的p元素进行样式设置，定义其位置属性position为绝对定位（absolute），这个绝对定位是相对于图片的位置而定的，让文字距离图片左边缘10px，距离图片上边缘10px，并且设置文字颜色为红色。