En Group Filament han escrito un post en el que explican como usar CSS poligonal para crear tooltips que tengan punteros pero sin utilizar imágenes.
El concepto queda explicado con el siguiente CSS:
div {
width:0;
height:0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 30px solid red;
border-bottom: 0;
}
Que da como resultado:
En el artículo original podemos encontrar un ejemplo completo.
Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? » »