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

83
Сделать фиксированное положение столбца в бутстрапе

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

83
CSS-анимация пульсирующего сердца

Я работаю над анимированным сердцем только с помощью CSS. Я хочу, чтобы он пульсировал 2 раза, сделал небольшой перерыв, а затем повторил это снова. Что у меня сейчас: small ==> big ==> small ==> repeat animation Что я собираюсь: small ==> big ==> small ==> big ==> small...

83
Почему translateY (-50%) необходим для центрирования элемента, который находится вверху: 50%?

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

82
CSS устанавливает ширину для заполнения% оставшейся области

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

82
Как игнорировать родительский стиль CSS

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

82
Как получить полосу прокрутки с переполнением CSS на iOS

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

82
Отрисовка HTML в WebView с помощью настраиваемого CSS

Мое приложение использует JSoup для загрузки HTML-кода страницы доски объявлений (скажем, в данном случае это страница, содержащая сообщения данной темы). Я хотел бы взять этот HTML, вырезать ненужные элементы и применить собственный CSS, чтобы сделать его «мобильным» в WebView. Должен ли я...

82
CSS background-image-opacity?

Связано с Как сделать текст или изображение прозрачным фоном с помощью CSS? , но немного иначе. Я хотел бы знать, можно ли изменить альфа-значение фонового изображения , а не только цвет. Очевидно, я могу просто сохранить изображение с разными значениями альфа-канала, но я хотел бы иметь...

82
Индикатор выполнения с HTML и CSS

Я хочу создать индикатор выполнения, как на изображении ниже: Я понятия не имею, как это создать. Стоит ли использовать методы HTML5? Не могли бы вы помочь мне создать этот индикатор выполнения?...

82
Границы не отображаются в Firefox с краем-свертыванием в таблице, положением: относительно тела тела или цветом фона в ячейке

Рассмотрим следующий HTML: <html> <head> <style> TABLE.data TD.priceCell { background-color: #EEE; text-align: center; color: #000; } div.datagrid table { border-collapse: collapse; } div.datagrid table tbody { position: relative; } </style> </head> <body>...

82
Переходы CSS3: «Переход: все» медленнее, чем «Переход: x»?

У меня вопрос о скорости рендеринга свойства перехода 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:...

82
Как сделать редактируемый DIV похожим на текстовое поле?

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

82
Почему включение аппаратного ускорения в CSS3 снижает производительность?

Я переезжаю 6000 небольших элементы DIV в эксперименте с использованием CSS3 перехода от top: 0к top: 145pxк тесту производительности. Не используя нет аппаратного-ускорения работает гладкая на Google Chrome. Если я включаю аппаратное ускорение через translateZ(0)производительность, становится...

82
высота: 100% или минимальная высота: 100% для элементов html и body?

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

82
Bootstrap 3 Glyphicons CDN

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

82
Как задать интервал между кнопками с помощью бутстрапа

Я хочу указать интервал между кнопками, есть ли способ задать интервал с помощью начальной загрузки, чтобы они были согласованы для разных разрешений экрана. Я пробовал использовать margin-leftНо это правильный способ сделать это. ?? Вот демо HTML: <div class="btn-toolbar text-center well">...

81
Использование «маржа: 0 авто;» в Internet Explorer 8

Я занимаюсь предварительным тестированием IE8, и мне кажется, что старый метод использования margin: 0 auto;работает не во всех случаях в IE8. Следующий фрагмент HTML дает центрированную кнопку в FF3, Opera, Safari, Chrome, IE7 и IE8, но НЕ в стандарте IE8: <div style="height: 500px; width:...

81
Как динамически добавить стиль для выравнивания текста с помощью jQuery

Я пытаюсь исправить обычные ошибки IE в CSS 2.1, и мне нужен способ изменить свойства стиля элементов, чтобы добавить собственный стиль выравнивания текста. В настоящее время в jQuery вы можете сделать что-то вроде $(this).width() or $(this).height() но я не могу найти хороший способ изменить...