2010-10-19 27 views
7

Sorunumu bulmama yardımcı olabilecek biri var mı? <img /> var ve ona bir <a> etiketi içinde bir arka plan resmi verecektir. İşte Arka plan resmi <img> öğesi

benim örnektir:

<img border="0" style="display:block; width:20px; height:20px; background-color:red; padding:9px; background:url(\'./images/system/button/close/close.png)\' no-repeat" /> 

Arkaplan Renkli .. için işe yaramadı My Örnek :-(, bir JavaScript dize olduğunu ben URL'yi

Kaçıyorum nedenini şu Yardım için teşekkür ederiz :-)

+1

Tırnaklardan neden kaçıyorsunuz? URL'de lider '.' hakkında emin misiniz? –

+0

Çok karışık olmadıkça, neden bir img etiketinin BG'sini SRC özelliğini kullanmadan ayarlıyorsunuz? ve url'deki lider '. /' sadece göreli bir yol olduğunu düşünüyorum – Ross

+1

Neden src özniteliğini kullanmıyorsunuz? Neden arka plan resmini kullanmanız gerekiyor? – jerjer

cevap

9

. Eğer

<div style="height:20px; width:20px; padding:9px; background:url(./images/system/button/close/close.png) no-repeat red"></div> 
+0

olduğu için lütfen unutmayın, bloklar varsayılan olarak satır resmi – jerjer

+0

satır içi olarak görüntülenir. Ayrıca dikkat çekicidir, arka plan renginiz çalışmaz, çünkü onu daha fazla geçersiz kılarsınız. Ya arka plan yap: kırmızı url (...) ya da bunun yerine 'background-image 'kullan. –

+1

Neden 'yapabilirseniz bir div kullanın'? Bir görüntü unsuru, görüntünün amacının bir görüntüyü göstermesi durumunda, daha anlamlı bir anlam çıkarır. –

3

Alıntı işaretlerinden kaçıyorsunuz ve ikinci teklif işaretini ve parantezini çevirdiniz. BB'de

:

url('foo') /* is technically fine but broken on IE/Mac */ 
url(foo)  /* is fine */ 
url('foo)' /* is not fine */ 
url(\'foo\') /* is not fine */ 

Ve Ross yorumunda işaret ettiği gibi, sizin src özellik eksik

. Yarı saydam bir arka plana sahip bir resimde arka plan görüntüsü koymanın, ancak bir içerik resminiz yoksa, bir <img> öğesinin kullanılmadığını (ve içinde barındırdığınız içerik resimlerini gizlemediğinizi) hayal edin. background-image özellikleri).

+0

Üzgünüz, bu benim JavaScript String'im olduğunu söylemeyi unutmuştum .. – Patrik

1

Neden tırnaklardan kaçtığınızı anlamıyorum.

<img border="0" style="display:block; width:20px; height:20px; background-color:red; padding:9px; background:url('./images/system/button/close/close.png') no-repeat" /> 

Bu işe yarıyor mu?

Ve bundan emin misiniz? URL’de Alıntı işaretlerine bile gerek yoktur.

+0

Bir JavaScript String – Patrik

0

Eh, bu garip olsa bile bunun için <img/> etiketi kullanmak eğer

background:url(./images/system/button/close/close.png) 

bir div kullanın. o

1

background-color:red;background: yürürlükten kaldırılmaktadır çalışıyor,

Here (o ... kullanmak src veya arka plana sahip bir div, amacı değil).

Arka planlarınızı birleştirin. Ardından, URL'lerin() arka planının URL'sinde() ve URL’den süreyi kaldırarak daha da hassaslaştırabilirsiniz. sayfanın konumuna göreli ise, sadece ters eğik çizgi kaldırmak.

<img border="0" style="display:block; width:20px; height:20px; padding:9px; background:#F00 url(images/system/button/close/close.png) no-repeat" />

Son hiçbir kaynak olmadığı için görünecektir içeriğini özniteliği bir alt olması gerekiyorsa. alt eklerseniz saydam bir görüntü kullanın.