0

我尝试设置z-index值，div但它没有做任何改变。看：

在此处输入图像描述

正如我们所看到的preview content，它被div标签中的按钮覆盖。具有这些按钮的z-index值为。我尝试制作它并为显示预览的 div 制作它。但是没有变化？div12,3-1

它需要任何其他更改吗？

这是我的html代码：

<body style="height: 560px">
    <div >
    <form action="data.php" method="POST" onsubmit="showUser(this, event)">
            <div style="z-index: 1; left: 420px; top: 40px; position: absolute; margin-top: 0px">           
               <label>Enter URL:</label><br/>
            </div>

    <div style=" width: 15%;margin: auto;margin-top: 1px;text-decoration: none;text-shadow: 0 1px 0 #fff;    padding: 10px 20px;    text-align: justify; ">

   <!-- This div linkpreview shows div preview -->

    <div class="linkPreview" style="z-index: 2;"> 

                <div id="previewLoading"></div>
                <div style="float: left;">
                    <textarea type="text" id="text" style="text-align: left; height:35px; width:512px; " placeholder="What's in your mind"/>
                    </textarea>
                    <div style="clear: both"></div>
                </div>
                <div id="preview" style="z-index: -1;">
                    <div id="previewImages">
                        <div id="previewImage"><img src="img/loader.gif" style="margin-left: 43%; margin-top: 39%;" ></img>
                        </div>
                        <input type="hidden" id="photoNumber" value="0" />
                    </div>
                    <div id="previewContent">
                        <div id="closePreview" title="Remove" ></div>
                        <div id="previewTitle"></div>
                        <div id="previewUrl"></div>
                        <div id="previewDescription"></div>
                        <div id="hiddenDescription"></div>
                        <div id="previewButtons" >
                            <div id="previewPreviousImg" class="buttonLeftDeactive" ></div><div id="previewNextImg" class="buttonRightDeactive"  ></div>
                            <div class="photoNumbers" ></div>
                            <div class="chooseThumbnail">
                                Choose a thumbnail
                            </div>
                        </div>
                        <input type="checkbox" id="noThumb" class="noThumbCb" />
                        <div class="nT"  >
                            <span id="noThumbDiv" >No thumbnail</span>
                        </div>
                    </div>
                    <div style="clear: both"></div>
                </div>
                <div style="clear: both"></div>
                <div id="postPreview">
                </div>
                <div class="previewPostedList"></div>
            </div>
        </div>
       <div style="z-index: 1; left: 420px; top: 110px; position: absolute; margin-top: 0px" onclick="myFunction(document.getElementById('t1').value)" >  <button onclick="show2();"> Get Sentiment </button>       
            </div>
         </form>
         <div style="z-index: 1; left: 720px; top: 110px; position: absolute; margin-top: 0px"> 
            <button onclick="makeAjaxCall(); return false;" value="View Graph" >   View Graph   </button>
         </div>
         </div>
        <h4>

      </body>
4

3 回答 3

0

您应该在原始问题中更具描述性，但从我从您的评论中获取的内容中，您想要隐藏并根据预览显示它们。要在你的 sylying 中做到这一点，让它们隐藏起来。

    <div id="BTN1" style="display:none; z-index: 1; left: 420px; top: 110px; position: absolute; margin-top: 0px" onclick="myFunction(document.getElementById('t1').value)" > 
        <button onclick="show2();"> Get Sentiment </button>       
    </div>
    </form>
    <div id="BTN2" style="display:none; z-index: 1; left: 720px; top: 110px; position: absolute; margin-top: 0px"> 
        <button onclick="makeAjaxCall(); return false;" value="View Graph" >   View Graph   </button>
     </div>

然后，当您按下关闭按钮进行预览时，您可以制作BTN1并BTN2再次显示。如果您告诉我哪个 html 元素负责关闭预览并将显示两个按钮，我可以帮助您编写代码以使它们再次显示

编辑：我想我找到了。

<div id="closePreview" title="Remove" ></div>

我假设在这条线上你有一个关闭预览的功能。在那里只显示 BTN1 和 BTN2

于 2013-10-09T19:53:48.910 回答
0

尝试将其设为 1000。它应该可以工作。

于 2013-10-09T19:35:38.467 回答
0

你有定位问题。你有顶部的按钮：110px；这意味着它们是 position:absolute from the top 110px。您需要使它们更多以将它们放在预览下，例如 200px；

于 2013-10-09T19:45:21.650 回答