谷歌自定义搜索引擎与IE6

我想在我的网站上使用谷歌自定义搜索（商业版）。我没有使用iFrame，但我正在使用自定义元素。我选择了一个主题，除IE6以外的所有浏览器都很好。所有搜索结果都采用Promotion CSS。谷歌自定义搜索引擎与IE6

更新 - 发布代码

<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>

来源

2010-07-01 Xerri

请发布不适用的说明，演示链接或屏幕快照。 – 2010-07-01 19:53:27

在IE6中，结果都看起来像是促销活动。我很确定实现没有任何问题，因为如果您使用IE6登录Google CSE并检查预览，则可以确认我在说什么。这发生在任何主题上，但我试图使用极简主题 – Xerri 2010-07-01 20:00:58

发布一些代码供我们查看。我们不是魔术。 – mattbasta 2010-07-01 20:15:02

我已经解决了这个问题。问题出在Google提供的CSS上。他们不再支持IE6，事实上没有安装任何浏览器来测试（或者我被告知）。

问题在于IE6及其无法支持多个类。有关更多信息，请参阅Ryan Brill's post。为了让Google自定义搜索CSS能够与IE6一起工作，CSS选择器必须稍微调整一下。

例如：div.gs-promotion{ }而不是。 cse .gs-promotion.gs-result, .gs-promotion.gs-result{ }

来源

2010-07-06 08:52:09 Xerri

谷歌自定义搜索引擎与IE6

回答

相关问题