代码之家 › 专栏 › 技术社区 › Xerri

带IE6的谷歌自定义搜索引擎

internet-explorer-6 search css

0

Xerri · 技术社区 · 14 年前

我正在尝试在我的网站上使用谷歌自定义搜索(商业版)。我不使用iframe,但使用的是自定义元素。我选择了一个主题,除了IE6,所有的浏览器都很不错。所有的搜索结果都采用了促销CSS。

更新-已发布代码

<div id="cse-search-form" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1');
  google.setOnLoadCallback(function() {
    var customSearchControl = new google.search.CustomSearchControl('XXXXXXXX');
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.setSearchFormRoot('cse-search-form');

    options.setAutoComplete(true);
    customSearchControl.draw('cse', options);
  }, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/minimalist.css" type="text/css" />


<div id="cse" style="width:100%;"></div>

1 回复 | 直到 14 年前

1

0

Xerri 14 年前

我已经解决了这个问题。问题在于谷歌提供的CSS。他们不再支持IE6,infact也没有安装任何可以测试的浏览器。

这个问题与IE6有关,它无法支持多个类。看一看 Ryan Brill's post 更多信息。为了让谷歌自定义搜索CSS与IE6协同工作,CSS选择器必须稍微调整一下。

前任: div.gs-promotion{ } 而不是。 cse .gs-promotion.gs-result, .gs-promotion.gs-result{ }