4
visibility: hidden;
display: none;
opacity: 0.0;

В чем разница между этими css свойствами?

1 ответ 1

4

visibility:hidden
прячет еллемент, но он по прежнему может участвовать в расположении html елементов, т.е. он есть но его не видно.

opacity:0.0
примерно тоже самое, только к тому-же свойство CSS3 т.е. не является кроссбраузерным.

diplay:none
елемент не отображается и никак не влияет на отображение видимых елементов.

5
  • Отличие opacity от visibility в том, что opacity - это прозрачность, можно выставить определенное значение.
    – metazet
    22 сен 2011 в 16:29
  • Тут указан параметр 0.0 КагБы, а opacity:0.0 это примерно тоже самое что visibilite:hidden, только не везде работает, еще вопросы?
    – user3545
    22 сен 2011 в 16:31
  • У меня есть панель. И мне нужно получить её ширину, не отображая саму панель. Так вот, ширину можно определить только если панель приаттаченна и со свойством opacity:0.0 или visibility:hidden, но при diplay:none ширина панель всегда ноль (это всё про IE9). Поэтому я хотел узнать, нет ли еще каких приколов с этими свойствами.
    – angry
    22 сен 2011 в 16:37
  • Значит, разница только в кросс-браузерности.
    – angry
    22 сен 2011 в 16:38
  • Вы задали вопрос и получили ответ, выше вы никак не описывали того что вам нужно. Для решения этой проблемы, если visibility:hidden мешает рассположению елементов, то просто надо его абсолютно спозиционировать, таким образом елемент не будет ни начто влиять и можно будет узнать ширину<br> Еще как варинат - height:0px;
    – user3545
    22 сен 2011 в 16:41

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.