2013-03-11 89 views
1

我在嘗試將廣告圖片的寬度從像素更改爲百分比。我正在使用Google DoubleClick或「DFP」。它會自動將您的廣告圖片放入iframe中,因此很難更改圖片的實際尺寸。在iFrame中應用CSS

所以,我將圖像寬度從像素變爲百分比的方式是,我製作了一個div(即網頁的90%),並將圖像的寬度設置爲100%所以當包裝寬度在瀏覽器寬度上發生變化時,其中的圖像將始終填滿包裝。但我不知道如何使這一切工作,因爲圖像是一個iframe(愚蠢的DFP !!!)

下面是CSS代碼...包裝內:

#div-gpt-ad-1362958263281-0 {width:90%; border:1px solid black;} 

然後的iframe這是在包裝:

iframe {width:100%;} 

然後終於在我嘗試了一些CSS選擇器和不同的div類的實際圖像:

.img_ad, a#aw0, iframe>.img_ad, iframe>#google_image_div>.img_ad {width:100%; display:block; border:1px solid red !important;} 

如果您在廣告圖像上檢查Google Chrome中的元素,您將看到CSS未應用於圖像。我想要做的就是將圖像寬度更改爲百分比..也是高度爲auto。這真的很難嗎?這是可能的,因爲圖像是在iframe中? DFP是否會將我設置爲失敗?我只是不知道...但是,如何更改圖片廣告的代碼?任何幫助將真正真正地被讚賞的傢伙! :)

這裏是的jsfiddle: http://jsfiddle.net/EptwH/3/

+0

您不應調整DFP廣告素材的大小,據推測有人會付費將廣告素材顯示在預定義的維度上。我知道,我不希望我付費的廣告素材(300x250)縮小以適應顯示它們的網站的需求。 – hexblot 2013-03-11 22:15:02

+0

@hexblot我的整個網站圍繞着我的縮略圖和廣告,針對不同的瀏覽器寬度/屏幕分辨率在尺寸上略有變化,這是我的廣告客戶在與我廣告之前獲悉的信息。收縮很小,哈哈。 – Dyck 2013-03-11 22:18:01

+0

您是否試圖將某個頁面中的元素作爲目標內部源代碼