0

HTMLページに次のレイアウトがあります：

+-------------------------------------+
|                          | Reload   |
| dynamic graph image div  +----------+
|                                     |
|                                     |
|                                     |
|                                     |
+-------------------------------------+

動的グラフ画像 div は、jquery POST メソッドによって別の php ページからグラフを取得し、動的 ​​div の上にある必要があるリロード ボタン (リロード) があります。この動的グラフは、クエリごとに変更されます。このリロード リンクを押すと、この動的 div の画像/グラフが jquery コードによって再度取得されます。この方法により、ユーザーはページ全体をリロードする必要がなくなります。

しかし、画像/グラフの上にリロードリンクを配置するにはどうすればよいですか?

4

3 に答える 3

0

HTML:

<div id="dynamic">
    <a id="button">reload</a>
<div>

CSS:

#dynamic{
   position: relative;
}

#button{
   position: absolute;
   top: 0;
   right: 0;
}
于 2013-09-27T15:58:48.130 に答える
0

シンプルな CSS:

.container_div {
    position:relative;
}
.container_content{
    position:relative;
    z-index:999;
}
.floating_button{
    position:absoltue;
    top:0;
    right:0;
    z-index:1000;
}

いくつかのサンプルhtmlを使用：

<div class="contianer_div">
    <div class="container_content">
        Your content here
    </div>
    <div class="floating_button">
        button content
    </div>
</div>

これでうまくいくはずです。

さらに読む: http://www.w3schools.com/css/css_positioning.asp

于 2013-09-27T15:56:58.670 に答える
0

これは jquery の問題ではなく、CSS の問題です。

次のようなことを試してください：

<div class="container">
    <img class="image" src="image.png"/>
    <a class="reload" href="#">Reload</a>
</div>


.container 
{
   position:relative;
   width:100%;
}

.image
{
    position:absolute;
    top:0;
    left:0;
    z-index:1;

}

.reload
{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    display:block;
    width:30%;
}
于 2013-09-27T16:00:28.283 に答える