Tengo un lapso que no tiene contenido, pero necesito una imagen de fondo (una flecha, por cierto).Span con imagen de fondo y sin contenido
El problema es que no hay contenido dentro del intervalo, el fondo no aparece.
¿Cómo puedo solucionar esto?
Establezca el ancho; y propiedades de altura del tramo.
<span style="width: 90px; height: 90px; background-image: url('bg.jpg'); display:block" />
trate de poner un espacio de no separación en el interior, es decir .:
<span> </span>
Establecer style="padding-left:20px".
o set display:block; width:20px; height:20px.
se podría hacer algo como esto:
<span style="display:block;width:arrow_width;height:arrow_height;background-image:url('image_name');"> </span>
El tamaño de letra no hace diferencia. 'Width', 'height', y 'display: block' necesitan configurarse. Eso es lo que importa. – JakeParis
si se establece para bloquear colocará automáticamente en otro elemento y esto puede causar algunos problemas en el diseño de dinero Tu. Para evitar esto, puede usar las ventajas de alinear y bloquear al establecer display:inline-block, que se colocará como en línea y podrá darle alto y ancho. Ps: Esto no funciona en ie7.
¿Por qué no utilizar un elemento de nivel de bloque en su lugar? Span es un elemento en línea y requiere que el atributo de visualización configurado en bloque haga lo que un elemento div haría de forma predeterminada. – Francisc