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