Скрыть что-то с помощью CSS без отображения: нет или JavaScript

Question

Как я могу скрыть div, не используя display:none или JavaScript?

В моей стране многие Blackberry приходят с отключенной поддержкой CSS (мобильные компании здесь не так хороши для разработчиков). У меня есть текст, который говорит

<div class="BBwarn">
please activate your css support and a link
</div>

Я хочу скрыть, что как только пользователь активирует поддержку CSS, но я не могу использовать display:none;, потому что это поддерживается только в прошивке BB 4.6. Это общедоступный сайт, и я не могу сделать так, чтобы все мои посетители обновились.

Кто-нибудь знает решение этой проблемы? Надеюсь, теперь вопрос легче понять.

Обновление: Спасибо всем за ответы, но я не могу использовать

• позиция: абсолютная
• перелив

потому что они доступны из прошивки Blackberry 4.6 и выше

Answer 1

Как насчет этого:

clip: rect(0,0,0,0);

Примечание. Обратите внимание: свойство clip не работает, если используется «overflow: visible».

В вашем случае:

<div class="BBwarn">
  please activate your css support and a link
</div>

просто добавьте этот CSS:

.BBwarn{
  position: absolute;
  clip: rect(0,0,0,0);
}

Answer 2

Я использовал размер шрифта, чтобы получить это без использования дисплея нет

font-size: 0px;

Answer 3

Мы можем использовать свойство transform для масштабирования элемента по осям x и y.

. BBwarn{
   transform : scale(0,0);
}

Answer 4

Вы можете сделать что-то вроде мудрого:

.class{
opacity:0; overflow:hidden; visibility: hidden; height:0;
}

для большей точности вы можете добавить:

color:transparent; background-color:transparent;

Answer 5

У меня была похожая проблема, когда я пытался настроить поле выбора с помощью javascript в BlackBerry Curve 8530 (OS 5.0). Но созданное меню не может быть скрыто, потому что следующие свойства css по-прежнему не работают:

display
overflow
position: absolute
visibility
z-index

И уничтожение и воссоздание элементов HTML тоже не сработало, поэтому я попал сюда и смог решить мою проблему. Я знаю, что мой ответ не совсем о поднятом здесь вопросе, но как только я попал сюда, когда возникли проблемы, я думаю, что я не единственный, с кем это случилось и будет.

В любом случае, даже если эти свойства css работали, мне был нужен код, который мог бы работать на большинстве моделей BB.

Мое решение было принято с использованием всех ответов, найденных здесь. Это было просто. Я сделал два класса:

.element
{
    width: 100px;
    height: 100px;
    font-size: 12px;
    color: black;
    background-color: transparent;
    border: 1px solid black;
}
.element_hidden
{
    width: 0px;
    height: 0px;
    font-size: 0px;
    color: white;
    background-color: white;
    border: none;
}

Да. Я сделал два из них для каждого вида элементов, которые были на моей странице. Первоначально все классы установлены в class = "element_hidden", поэтому, когда мышь находится над меню выбора, все классы изменяются на class = "element", и они отображаются и скрываются, как если бы они были сделаны невидимыми / видимыми.

Надеюсь, это кому-нибудь пригодится! ; D

Answer 6

Или вы можете использовать Пожалуйста, включите Javascript

И используйте изображение с надписью «Включить CSS» и стилизуйте его, используя «display: none».

Чтобы при включении соответствующей функции эти предупреждения не отображались.

Альтернативно, я полагаю, вы используете какой-нибудь серверный код? Вы можете попробовать найти наиболее распространенные известные платформы, которые поддерживают определенные версии css / javascript и соответственно доставляют контент. Возможно, вам даже не придется писать все это самостоятельно.

Answer 7

ширина: 0 высота: 0 видимость: скрыто

... Не всегда работает с прошивкой 2.2 и старше. Иногда вы можете заставить элемент быть скрытым, но он появится снова при определенных нажатиях клавиш (например, подчеркивание).

Answer 8

Что именно не так (ранее упоминалось)

ширина: 0 высота: 0 видимость: скрыто