Olá,
De qual maneira é possível fazer esconder uma <div>
apenas no Firefox e exibir em demais navegadores?
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeSegundo Css Tricks, você poderia fazer algo assim, considerando seu div com id meuDiv
:
/* Firefox 2 */
html>/**/body #meuDiv, x:-moz-any-link {
display: none;
}
/* Firefox 3 */
html>/**/body #meuDiv, x:-moz-any-link, x:default {
display: none;
}
/* Any Firefox */
@-moz-document url-prefix() {
#meuDiv {
display: none;
}
}
E, caso também queira o contrário:
#meuDiv {
display: none;
}
/* Firefox 2 */
html>/**/body #meuDiv, x:-moz-any-link {
display: block;
}
/* Firefox 3 */
html>/**/body #meuDiv, x:-moz-any-link, x:default {
display: block;
}
/* Any Firefox */
@-moz-document url-prefix() {
#meuDiv {
display: block;
}
}
display: none
por padrão e, depois, utilizando o seletor específico para o firefox, mudar para display: block
.
1/07/2015 às 21:03
Seguindo a ideia que o Sergio disse:
window.onload = function () {
var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
if (is_firefox) {
document.getElementById('divEspecifica').style.display = 'none';
}
}
#divEspecifica {
width: 50px;
height: 50px;
background-color: red;
}
#divTodos {
width: 50px;
height: 50px;
background-color: blue;
}
<div id="divEspecifica">
</div>
<div id="divTodos">
</div>
var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;