Hola a todos. Estoy montando una plantilla y me he encontrado con un problema que me trae de cabeza y me gustaría resolver. Tengo un menú horizontal en el header que se despliega en vertical:
Código:
<div id="header">
<jdoc:include type="modules" name="top"/>
</div>
El submenú que se despliega tiene un gráfico de fondo de altura suficiente para adaptarse a las subopciones que haya y que queda cortado por la parte superior. Este gráfico tiene las esquinas de abajo redondeadas:
Código:
.artmenu > li:hover ul {
background-position: left bottom;
background-repeat: no-repeat;
background-image: url('../images/submenubg.png');
padding: 0 0 10px 0;
margin: 0;
z-index: 5000;
}
Me gustaría saber si hay alguna manera de poner otra imagen en el fondo del submenú de manera que remate la parte superior también con esquinas redondeadas, si es posible evitando el uso de librerías javascript, únicamente con css. Muchas gracias de antemano y un saludo.