Resultados da pesquisa a pedido "css"
HTML / CSS: tornar uma div "invisível" para cliques?
Por várias razões, preciso colocar uma (principalmente) transparente<div> sobre algum texto. No entanto, isso significa que o texto não pode ser clicado (por exemplo, para clicar em links ou selecioná-lo). Seria possível simplesmente tornar essa ...
Quais elementos suportam os pseudoelementos :: before e :: after?
Estou tentando criar um bom estilo padrão para<input>s em HTML5 e tentei o seguinte: input::after { display: inline; } input:valid::after { content: ' ✓ '; color: #ddf0dd; } input:invalid::after { content: ' ✗ '; color: #f0dddd; ...
posição: relativo aparecendo acima da posição: absoluto
Tendo um problema estranho no IE7. Em vários pontos, eu tenho um DIV que tem posição: absoluto (dropdown falso) sempre que houver algo por trás dele que tenha posição: relativo, o item em posição relativa será exibido através da outra div. O ...
Centralize verticalmente uma div dentro de outra div
eu estou tentandovertical-align: middle uma div dentro de outra div, mas por algum motivo não está funcionando corretamente. O que estou fazendo errado? #wrapper { border: 1px solid red; width: 500px; height: 500px; } #block { border: 1px ...
Percentual de largura e div de CSS Div sem preenchimento do layout
Pode haver uma solução simples para isso, mas isso me incomoda há séculos ... Deixe-me explicar a situação. Eu tenho uma div com o ID 'container' que contém todo o conteúdo da página (incluindo cabeçalho e rodapé também) que manterá tudo em ...
Comportamento inconsistente de display: table e display: table-cell em diferentes navegadores
Quando usados por conta própria,display: table edisplay: table-cell se comporta de maneira diferente em diferentes navegadores. Meio AmbienteFiz meus testes em três ambientes diferentes: Ambiente 1: SO: Linux Ubuntu Desktop 14, 64 ...
Zebra listrando uma mesa flexbox com itens de embalagem
Estou procurando a maneira mais simples de distribuir as linhas pela zebra na seguinte tabela flexbox responsiva. Em outras palavras, as linhas 2 e 4 neste exemplo, mas ilimitadas, não sei quantas linhas haverá porque isso é para um componente ...
Rodapé pegajoso na parte inferior em Angular 2
Estou construindo um projeto no Angular 2 e preciso de um rodapé fixo que sempre deve estar na parte inferior da página, não fixo. Exemplo: http://codepen.io/chriscoyier/pen/uwJjr [http://codepen.io/chriscoyier/pen/uwJjr] A estrutura do ...
Esclarecimento do seletor de CSS: | = vs ^ = [duplicado]
Esta pergunta já tem uma resposta aqui: Qual é a diferença entre os seletores de atributo pipe (|) e caret (^)? [/questions/34530852/what-is-the-difference-between-pipe-and-caret-attribute-selectors] 4 respostasDe acordo com o ...
problema com <select> e: depois com CSS no WebKit
Gostaria de adicionar algum estilo em uma caixa de seleção com o pseudo: depois (para estilizar minha caixa de seleção com 2 partes e sem imagens). Aqui está o HTML: <select name=""> <option value="">Test</option> </select>E isso não ...