Question

这是我的代码出于某种原因，我无法在图片上找到文字，为什么会这样？

HTML：

<html>
<head>
  <link rel="stylesheet" type="text/css" href="ilo.css">
  <title>Drum World</title>
</head>
<body background="back.jpg">
  <center><strong><font face="arial" size="10" color="#3366CC">Perfect Gallery     OF         Drums!    </font></strong>
  </center>
  <br>
  <br>
  <font face="Verdana" size="3" color="#006666"><strong><center>Enjoy viewing all    sorts    of drums</center></strong></font>
  </br>
  </br>
  <img src="pearl drum.jpg" border="5px">
  <p id="txt">TEXTTEXTTEXT</p>
  </img>

这是CSS：

#txt {
  padding: 15px 35px 5px 5px;
}

Answer 1

如果你想要＆＃34;文字＆＃34;在图片上，你可以给你的img一个相对定位和p绝对定位。另外，修复你的html标签，他们已被弃用并搞砸了＆gt;。＆lt;。

http://jsfiddle.net/GNkKL/

img{
    position:relative;
}

#txt
{
padding: 15px 35px 5px 5px;
    position:absolute;
    top:0;
}

CSS中的填充不起作用

1 个答案: