Perguntas com a marcação «css»

336
"Display: none" impede o carregamento de uma imagem?

Todo tutorial de desenvolvimento de site responsivo recomenda o uso da display:nonepropriedade CSS para ocultar o carregamento do conteúdo nos navegadores móveis, para que o site seja carregado mais rapidamente. É verdade? Não display:nonecarrega as imagens ou ainda carrega o conteúdo no navegador...

336
Como criar uma tag <style> com Javascript?

Estou procurando uma maneira de inserir uma <style>tag em uma página HTML com JavaScript. A melhor maneira que encontrei até agora: var divNode = document.createElement("div"); divNode.innerHTML = "<br><style>h1 { background: red;

336
Compilação menos agressiva com CSS3 calc

Os compiladores Menos que estou usando ( OrangeBits e dotless 1.3.0.5 ) estão traduzindo agressivamente body { width: calc(100% - 250px - 1.5em); } para dentro body { width: calc(-151.5%); } O que obviamente não é desejado. Gostaria de saber se existe uma maneira de sinalizar para o compilador...

336
jquery alterar o nome da classe

Eu quero mudar a classe de uma tag td, dada a identificação da tag td: <td id="td_id" class="change_me"> ... Quero poder fazer isso enquanto estiver dentro do evento click de algum outro objeto dom. Como pego o ID do td e altero sua

335
Posso ter um efeito onclick em CSS?

Eu tenho um elemento de imagem que desejo alterar ao clicar. <img id="btnLeft"> Isso funciona: #btnLeft:hover { width:70px; height:74px; } Mas o que eu preciso é: #btnLeft:onclick { width:70px; height:74px; } Mas, isso não funciona, obviamente. É possível ter onclickcomportamento em...

334
Ajustar a imagem de fundo à div

Eu tenho uma imagem de plano de fundo na seguinte div, mas a imagem é cortada: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> Existe uma maneira de mostrar a imagem de fundo sem...

334
CSS exibe uma imagem redimensionada e cortada

Quero mostrar uma imagem de um URL com uma certa largura e altura, mesmo que tenha uma proporção de tamanho diferente. Então, eu quero redimensionar (mantendo a proporção) e depois cortar a imagem para o tamanho desejado. Eu posso redimensionar com a imgpropriedade html e posso cortar com...

331
Qual é a diferença entre display: inline-flex e display: flex?

Estou tentando alinhar verticalmente elementos dentro de um invólucro de identificação. Eu dei a propriedade display:inline-flex;para esse ID, pois o wrapper de ID é o contêiner flex. Mas não há diferença na apresentação. Eu esperava que tudo no ID do wrapper fosse exibido inline. Por que não...

329
Efeito de estrutura de tópicos no texto

Existe alguma maneira no CSS de dar contornos ao texto com cores diferentes? Quero destacar algumas partes do meu texto para torná-lo mais intuitivo - como nomes, links, etc. Alterar as cores do link etc. é comum hoje em dia, por isso quero algo

321
Posicione uma imagem de plano de fundo CSS x pixels à direita?

Eu acho que a resposta é não, mas você pode posicionar uma imagem de plano de fundo com CSS, para que fique com uma quantidade fixa de pixels à direita? Se eu definir os background-positionvalores de xey, parece que esses apenas fornecem ajustes fixos de pixel da esquerda e da parte superior,...