background-image em <div> -tag não aparecendo
im outquestioned. Eu só queria desenvolver minha própria galeria, mas eu já falhei no começo: exibindo uma imagem como plano de fundo em uma<div>
. Eu virei meu código de cabeça para baixo, pesquisei na web, pesquisei stackoverflow, embora não consiga resolver o problema.
Aqui está meu código:
HTML / PHP
<div class="imageholder" style="background-image:url(<?php echo $picture->thumbPath; ?>);"></div>
CSS
.imageholder {
width: 150px;
height: 150px;
float: left;
background-size: fill;
background-position: 50% 50%;
background-repeat:no-repeat;
}
Eu sou iteração através de uma matriz de$picture-objects
. Cada objeto tem umthumbPath
pela sua imagem do polegar. os caminhos estão corretos. verifiquei várias vezes.
Aqui está a saída do Firebug:
<div class="imageholder" style="background-image:url(./users/basti/img/20130825155015-tb-From Peth to Darwin/thumb/20130825155015-tb-DSC_0316_REZ.jpg);"></div>
Eu já pensei no caminho com o formato errado, embora eu esteja usando os mesmos caminhos de arquivo em outro projeto onde tudo funciona. mesmo exibindo a mesma imagem como umbackground-image
de umdiv-tag
;) Hilário, não é?
Você tem alguma idéia do que há de errado com o meu código? Obrigado!