Вопросы с тегом «css»

Я пытался найти код для моделирования mouseoverв Chrome, но даже несмотря на то, что слушатель «mouseover» запускается, объявление CSS «hover» никогда не устанавливается! Я также пробовал делать: //Called within mouseover listener theElement.classList.add("hover"); Но, похоже, ничто не меняет элемент на то, что объявлено в его hoverобъявлении. Это возможно?

83 javascript  jquery  css 

Я вижу, что этот код работает для выравнивания div по вертикали внутри его родительского элемента: .element { position: relative; top: 50%; transform: translateY(-50%); } Вопрос в том, почему? Моя первая мысль заключалась в том, что родительский элемент охватывает не только область просмотра. Я сделал высоту родительского окна просмотра равной 100vhширине …

83 html  css 

Используя Bootstrap, у меня есть столбец сетки class = "col-lg-3", который я хочу разместить в позиции: fixed, в то время как другой .col-lg-9 находится в нормальном положении (с возможностью прокрутки по странице). <div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> Точно так же, как …

83 css  twitter-bootstrap  twitter-bootstrap-3 

Можно ли разработать программу на C ++, используя HTML и CSS для пользовательского интерфейса? Я знаю о программировании с помощью Javascript с использованием контейнера Webkit, но меня действительно интересует разработка на C ++. Я влюбился в C # WPF, когда разрабатывал под Windows, но теперь я перешел на Linux и …

83 c++  html  css  user-interface  desktop-application 

Как правильно использовать, @font-faceчтобы браузер не загружал шрифт, если он уже есть у пользователя? Я использую @ font-face для определения DejaVu, который уже установлен в моей системе (Linux). Firefox не загружает шрифт, но Chromium загружает его каждый раз! Мой код CSS, основанный на белке шрифта, и этот вопрос выглядит так: …

83 css  font-face 

Мне было интересно, как мы можем сделать такой HTML-элемент, как <div>или <p>элемент тега, изменяемым размером при щелчке, используя чистый JavaScript, а не библиотеку jQuery или любую другую библиотеку.

83 javascript  html  css  dom-events 

Я переезжаю 6000 небольших элементы DIV в эксперименте с использованием CSS3 перехода от top: 0к top: 145pxк тесту производительности. Не используя нет аппаратного-ускорения работает гладкая на Google Chrome. Если я включаю аппаратное ускорение через translateZ(0)производительность, становится ужасно. Почему это так? Вот мой пример кода: http://dl.dropboxusercontent.com/u/17844821/tmp/hwtest.html Обновление (13 ноября 2014 г.): …

82 css  css-transitions  hardware-acceleration 

Извините за слегка вздорное название. Я не мог придумать, как лучше описать это. Я пытаюсь внедрить на своем сайте гаджет для участников Мастера сообществ Google (только что вошел в схему и хочу внедрить ее без серьезного изменения дизайна, по крайней мере, для тестирования). Моя проблема в следующем: У меня есть …

82 css 

ОБРАЩАТЬ ВНИМАНИЕ! Значки Bootstrap вернулись после этого слияния запроса на перенос . Пройдя по этому поводу в течение последних двух недель, я решил восстановить шрифт значка Glyphicons в основном репозитории . Учитывая, насколько распространены значки в пользовательских интерфейсах, для большинства людей, вероятно, будет медвежьей услугой не включать их (или какой-либо …

82 html  css  twitter-bootstrap  cdn  twitter-bootstrap-3 

У меня DIVесть contentEditable=trueфайл, который можно редактировать. Проблема в том, что оно не похоже на текстовое поле, поэтому пользователю может быть непонятно, что его можно редактировать. Есть ли способ, которым я могу стилизовать DIVтак, чтобы он казался пользователю как поле ввода текста?

82 html  css 

Как я могу увеличить HTML-элемент в Firefox и Opera? В zoomСвойство работает в IE, Google Chrome и Safari, но это не работает в Firefox и Opera. Есть ли способ добавить это свойство в Firefox и Opera?

82 css  firefox  cross-browser  zoom  opera 

Разрабатывая веб-сайт для iPad, я попытался использовать свойство CSS overflow: autoдля получения полос прокрутки, если это необходимо, в a div, но мое устройство отказывается отображать их, даже если прокрутка двумя пальцами работает. Я пробовал с overflow: auto; и overflow: scroll; и результат тот же. Тестирую только на iPad (на настольных …

82 css  ipad  ios 

Мне интересно, как игнорировать родительский стиль и использовать стиль по умолчанию (нет). Я покажу свой конкретный случай в качестве примера, но я уверен, что это общий вопрос. <style> #elementId select { height:1em; } </style> <div id="elementId"> <select name="funTimes" style="" size="5"> <option value="test1">fish</option> <option value="test2">eat</option> <option value="test3">cows</option> </select> </div> Способы решения …

82 css 

У меня вопрос о скорости рендеринга свойства перехода css3. Предположим, у меня есть несколько элементов: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Гораздо эффективнее нацелить все переходы для всех этих элементов с …

82 performance  css  css-transitions 

При разработке макетов я устанавливаю html, bodyэлементы heightв положение, 100%но в некоторых случаях это не удается, так что же использовать? html, body { height: 100%; } или же html, body { min-height: 100%; } Что ж, это не основано на мнении, поскольку у каждого метода есть свои недостатки, поэтому какой …

82 html  css