Problemas com a:hover - CSS

5 respostas
wolfenstein.cris

Ola, estou fazendo uma tela com uma tabela contendu varios checkbox , em cada titulo do checkbox coloquei o seguint codigo :






sendo que o conteudo do span (seria uma descricao do titulo) deve aparecer quando o mouse passar por cima , entao configurei o css assim:

[b].desc a {

position: relative;

color: #000;

text-decoration: none;

}
.desc a span {

display: none;

}
.desc  a:hover span {

display: block !important;

position: absolute;

top: 5px;

left: 40px;

width: 200px;

border: 1px solid #000;

background-color:  #E2E2E2;

color: #000;

padding: 10px;

font-size: .9em;

text-decoration: none;

}[/b]

so que quando eu passo o mouse em cima de um titulo a janela que aparece com a descricao aparec transparente.

Alguem pode me ajudar ??

5 Respostas

Adriano_Almeida

Fala cara, blz?

Faça o seguinte:

Troque ->
.desc a span {
display: none;
}

Por:

.desc a span {
visibility:hidden;
}

E troque também a primeira linha de .desc a:hover span { para

visibility:visible;
marllonSimoes

ie?? no ie existe um bug com relação a isso… procure por css hacks no google e vja a falha do ie…

falow?

[]'s

wolfenstein.cris

valeu pelas dicas.

Olha soh pafuncio , fiz a troca das linhas com vc disse , mas nao funcionou conforme o esperado , o texto não pode ser posicionado e alguns nem apareciam.

Adriano_Almeida

Precisa tirar aquelas propriedades top e left do .desc a:hover span {

Com elas vc tá fixando pra exibirem sempre lá em cima da tela, aí se vc tem barra de rolagem e rolar sua tela pra baixo os itens não vão aparecer mesmo, pois, vão estar aparecendo na parte que foi rolada!

Adriano_Almeida

Observação:

Não usa table pra algo que não seja dados tabulares. Use div, ul, li etc.

http://www.tableless.com.br

Criado 5 de janeiro de 2007
Ultima resposta 5 de jan. de 2007
Respostas 5
Participantes 3