Seta em baixo do menu drop down? Estou tentando fazer uma setinha no menu dropdown, então eu usei o seguinte código:
Porém o z-index (outros objetos estão ficando em cima dele) neste código não funciona e também eu queria que ele só aparecesso no :hover (quando passa o mouse em cima do botão).
http://jsfiddle.net/Wagner/m0qyayf7/ (exemplo da setinha balao2)
estou querendo colocar neste layout:
https://coquus.xtechcommerce.com/forno-e-fogao
Segue o style que estou querendo implementar: (a classe que vou implementar se chama mesmo dropdown)
A solução tem que existir em CSS, não achei nenhuma questão parecida.
<style>
.dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
z-index: 10;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #000;
bottom: -10px;
left: 20%;
z-index: 15;
}
</style>