好的,这很难解释,所以我提供了一个视频,说明它在做什么。 (http://screencast.com/t/FfgizoF9qi11)
这是我没写过的旧代码。如果我有时间,我会杀死更新面板并使用ajax。但这种方式在每个浏览器中都很完美(即使是ie7 / 9)但是当你在IE8上点击搜索时,一切都变黑了。有什么想法吗?
这是css:
#search_bg {
width:875px;
height: auto;
/*background:#949599 url(/RohlCMS/media/search/search_bg.jpg) repeat-x;*/
top:0;
margin: 0px auto 0px;
background: #373737; /* Old browsers */
background: -moz-linear-gradient(top, #373737 0%, #98969B 34%, #98969B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(34%,#98969B), color-stop(100%,#98969B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #373737 0%,#98969B 34%,#98969B 100%); /*Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #373737 0%,#98969B 34%,#98969B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #373737 0%,#98969B 34%,#98969B 100%); /* IE10+ */
background: linear-gradient(top, #373737 0%,#98969B 34%,#98969B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#373737', endColorstr='#98969B' )!important; /* IE6-9 */
}