-1

你好，

我创建了一个弹出窗口，该弹出窗口的最右侧有一个关闭按钮。我试图通过放置来对齐该图像：

position:absolute;
right:0px;
top:0px;

但它没有正确对齐..任何人都可以帮忙.!!!!

这是我的一段代码..

 <!DOCTYPE>
    <html>
     <head>
      <title> New Document </title>     
 <style>      
      div.irmGraphPopup{
        border:10px solid black;
        width:1000px;
        height:500px;
        position:absolute;
       }

      div.irmGraphPopup span:{
        position:absolute;
        right:0px;
        top:0px;
      }
       </style>
     </head>

     <body>
      <div class="irmGraphPopup">
          <span> <img src="round_black_close2.png" alt="Close"/></span>
       </div>

     </body>
    </html>
4

4 回答 4

5

你有一个错字：

div.irmGraphPopup span{
   position:absolute;
   right:0px;
   top:0px;
}

去除那个 ：

于 2012-05-31T12:55:24.953 回答
2

它是你的 CSS 选择器

 <!DOCTYPE>
    <html>
     <head>
      <title> New Document </title>     
 <style>      
      div.irmGraphPopup{
        border:10px solid black;
        width:1000px;
        height:500px;
        position:absolute;
       }

      #myid{
        position:absolute;
        right:0px;
        top:0px;
      }
       </style>
     </head>

     <body>
      <div class="irmGraphPopup">
          <span id=myid> <img src="round_black_close2.png" alt="Close"/></span>
       </div>

     </body>
    </html>
于 2012-05-31T13:00:13.417 回答
1

如果你改正错字，对我来说很好。它应该是

div.irmGraphPopup span {

不是

div.irmGraphPopup span:{
于 2012-05-31T13:03:19.910 回答
0

将 div.irmGraphPopup 的位置元素更改为相对。然后跨度相对于div绝对定位。还要去掉跨度后的冒号（错字？）

div.irmGraphPopup{
        border:10px solid black;
        width:1000px;
        height:500px;
        position:relative;
}
于 2012-05-31T13:00:51.997 回答