CSS将图片浮于文字上方

我所用方法是
图片的父及元素相对定位 + 图片本身绝对定位
下面例子中p就是图片的父级元素,父级元素要有相对定位属性;图片本身绝对定位


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
  <link rel="stylesheet" href="index.css">
  <style type=text/css>
    img.transparent{
      filter:alpha(opacity=70);moz-opacity:.70;opacity:.70
    }
  style>
head>
<body>
<div style="height: 200px;width: 200px;border: red solid 1px">

   <p style="position:relative;">第一个
     <img class=transparent src="2.png" style="width:100px;height:100px;position:absolute;left:50px;top:40px;"  />
   p>
  <p>第二个p>
  <p>第三个p>
  <p>第四个p>

div>
body>
html>


你可能感兴趣的:(html,css)