2010-07-01 109 views
0

我想在我的網站上使用谷歌自定義搜索(商業版)。我沒有使用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> 
+2

請發佈不適用的說明,演示鏈接或屏幕快照。 – 2010-07-01 19:53:27

+0

在IE6中,結果都看起來像是促銷活動。我很確定實現沒有任何問題,因爲如果您使用IE6登錄Google CSE並檢查預覽,則可以確認我在說什麼。這發生在任何主題上,但我試圖使用極簡主題 – Xerri 2010-07-01 20:00:58

+0

發佈一些代碼供我們查看。我們不是魔術。 – mattbasta 2010-07-01 20:15:02

回答

0

我已經解決了這個問題。問題出在Google提供的CSS上。他們不再支持IE6,事實上沒有安裝任何瀏覽器來測試(或者我被告知)。

問題在於IE6及其無法支持多個類。有關更多信息,請參閱Ryan Brill's post。爲了讓Google自定義搜索CSS能夠與IE6一起工作,CSS選擇器必須稍微調整一下。

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