Question

在查看我的网站上修复的两个元素的代码时，我相信我有一个错误，但似乎无法找到修复它的方法。每当我拉出包含元素的页面时，元素就在那里，但是一旦我开始滚动页面，它就会消失，每次都毫不犹豫。下面列出了提到的两个要素 - 感谢您可能阻止其成长的任何帮助和白发！

.flatbackground {
    z-index:-1;
    width: 80%;
    margin: -5% 10% 0 10%;
    min-height: 100%;
    /* Old browsers */
    background: -moz-linear-gradient(top, #777 3%, #333 10%, #333 94%, #777 98%);
    /* FF3.6  */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #777), color-stop(10%, #333), color-stop(94%, #333), color-stop(98%, #777));
    /* Chrome,Safari4  */
    background: -webkit-linear-gradient(top, #777 3%, #333 10%, #333 94%, #777 98%);
    /* Chrome10 ,Safari5.1  */
    background: -o-linear-gradient(top, #777 3%, #333 10%, #333 94%, #777 98%);
    /* Opera 11.10  */
    background: -ms-linear-gradient(top, #777 3%, #333 10%, #333 94%, #777 98%);
    /* IE10  */
    background: linear-gradient(to bottom, #777 3%, #333 10%, #333 94%, #777 98%);
    /* W3C */
    /* IE6-9 */
    position: absolute;
    border: solid white 2px;
    -moz-box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.9);
    }

.searchedmuncov{

    position:fixed;
    width:9%;
    padding:1%;
    left: 85%;
    margin-left:3%;
    margin-top: 21%;
    background-color:orange;
    color:white;
    font-weight:bold;
    text-transform:uppercase;
    font-size:12px;
    font-family:jura, 'serif';
    text-shadow: black 0px 0px 3px;
}

以下是我的主索引页面中的两个元素的HTML（直到我的导航栏标记）：

<body>
<div class="container">
<div class="searchedmuncov"><p>Search EDMuncov</p></div>
<form class="search" method="get" action="http://www.edmuncovered.com/search/search.php"> 
<table cellpadding="0px" cellspacing="0px"> 
<tr> 
<td style="border-style:solid none solid solid;border-color:#4B7B9F;border-width:1px;">
<input type="text" name="zoom_query" style="width:100px; border:0px solid; height:25px; padding:0px 3px; position:relative;"> 
</td>
<td style="border-style:solid;border-color:#4B7B9F;border-width:1px;"> 
<input type="submit" value="" style="border-style: none; background: url(/img/serachbutton.gif) no-repeat; width: 24px; padding-top:1px; height: 19px;">
</td>
</tr>
</table>
</form>
    <div class="flatbackground">#</div>
                <!-- // MAILCHIMP SUBSCRIBE CODE \\ -->
                <div class="subscribe"><a href="http://eepurl.com/zNw3T">Subscribe</a></div>
                <!-- \\ MAILCHIMP SUBSCRIBE LINK // -->
        <div class="socialmedia">
            <ul>
                <li class="socialmediafb"><a href="https://www.facebook.com/edm.uncovered?ref=tn_tnmn"></a></li>
                <li class="socialmediatw"><a href="https://twitter.com/EDMuncovered"></a></li>
                <li class="socialmediagp"><a href="https://plus.google.com/104618093485600963669/posts?hl=en&partnerid=gplp0"></a></li>
                <li class="socialmediarss"><a href="http://feeds.feedburner.com/edmuncovered"></a></li>
            </ul>
        </div>
    <div class="contact"><a href="/html/contact.html">CONTACT</a></div>
    <div class="navbar">

位置：固定;不在Opera工作

0 个答案: