2010-01-18 56 views
2

我已經瀏覽了本網站上所有相關的GCS問題和答案,並瀏覽了網頁,但無濟於事。定製Google自定義搜索的iFrame具有透明背景嗎?

我使用谷歌自定義搜索與iFrame選項和網站的背景具有紋理,多色背景的網站上的標準主題。 Google的搜索結果來自iFrame中的標準#FFFFFF背景。我想將它設置爲「無」或「透明」,因此搜索結果iFrame恭維網站的當前設計。我已經查看過Google產品的Google管理員中的全局樣式和各種自定義樣式選項,但它只提供了選擇HEX顏色作爲背景的選項,並且沒有任何方法沒有或沒有透明。即使我將其留空,它也會默認爲空白。

我無法真正使用Javascript或CSS來調整Google代iFrame內部的內容 - 或者我可以嗎?有沒有解決這個問題的方法?

預先感謝您。

回答

0

沒有。這個問題是無法解決的 - 我已經自己研究過了。唯一真正的選擇是使用Google Search API並使用ajax獲取結果。如果你希望從贊助商鏈接中賺錢,這不是一個好主意。

對於來自另一個域的iframe中的內容,您無法執行任何操作,因爲它違反了同源策略。

0

您可以使用自己的樣式。

只需添加到您的樣式

iframe{ background:transparent !important } 

否決實時瀏覽器的其他樣式。
在IE中,您還必須將allowtransparency =「true」添加到iFrame中,這可以使用JS完成。 請參閱:How can I set a custom width on my Google search iframe?

+1

這是錯誤的anwser。對於那些將要搜索的人來說。不要麻煩檢查這一點。它只會適用於寬度等。你不能設置iframe透明。 – 2014-04-01 13:00:26

+0

@ SzymonDziewoński - 請參閱http://help.dottoro.com/lhjvodln.php和https://stackoverflow.com/questions/3740700/there-is-no-attribute-allowtransparency – SamGoody 2014-04-02 10:03:21

0

您只需在「... embedded = true」鏈接的末尾添加「& bc = transparent」即可。它會使整個背景透明。

+1

這是錯誤的anwser。對於那些將要搜索的人來說。不要麻煩檢查這一點。 – 2014-04-01 12:59:01

0

該溶液是重寫的CSS這樣的:

.cse input.gsc-input, input.gsc-input {background-image:none !important;} 

找到答案here