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

86
Могу ли я добавить цвет фона только для заполнения?

У меня есть поле заголовка, включая границу, отступы и цвет фона для этого поля, могу ли я изменить цвет фона только для области с заполнением после границы, а затем тот же цвет фона для остальной части ширины (т.е. серый в данном коде) ? Просто щепотка кода, где мне нужен цвет фона с заполнением:...

86
Расширение селекторов из медиа-запросов с помощью Sass

У меня есть класс элемента и компактный класс «модификатор»: .item { ... } .item.compact { /* styles to make .item smaller */ } Это отлично. Однако я хотел бы добавить @mediaзапрос, который заставляет .itemкласс быть компактным, когда экран достаточно мал. На первый взгляд это то, что я пытался...

86
Оптимизировать Font Awesome только для используемых классов

Я использую файл Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass, чтобы сделать его _font-awesome.sass, чтобы я мог @importв моем проекте Sass. Я также использую http://middlemanapp.com/ для преобразования Sass в Css . Вопросы: Есть ли способ...

86
HTML iframe - отключить прокрутку

На моем сайте есть следующий iframe: <iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe> И у него есть полосы прокрутки. Как от них избавиться?...

86
Повернуть и перевести

У меня проблемы с поворотом и позиционированием строки текста. Теперь работает просто позиция. Вращение тоже работает, но только если я отключу позиционирование. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } HTML - это простой текст....

86
Изменение: наведите указатель мыши на касание / щелкните для мобильных устройств

Я осмотрелся, но не могу найти то, что ищу. В настоящее время на моей странице есть css-анимация, которая запускается: hover. Я хотел бы изменить это значение на «щелкнуть» или «коснуться», когда размер страницы увеличивается за пределы ширины 700 пикселей с помощью медиа-запросов. Вот что у меня...

86
Раскрывающаяся кнопка начальной загрузки внутри адаптивной таблицы не отображается из-за прокрутки

У меня проблема с раскрывающимися кнопками внутри таблиц, когда они отзывчивы и прокручиваются, потому что раскрывающийся список не отображается из-за overflow: auto;свойства. Как я могу исправить это, чтобы отображалась раскрывающаяся опция кнопки, когда она свернута? Я могу использовать jQuery,...

86
Могу ли я использовать webpack для генерации CSS и JS отдельно?

У меня есть: JS-файлы, которые я хочу связать. МЕНЬШЕ файлов, которые я хочу скомпилировать в CSS (преобразование @imports в один пакет). Я надеялся указать их как два отдельных входа и иметь два отдельных выхода (вероятно, через extract-text-webpack-plugin). Webpack имеет все необходимые плагины...

86
Цвет складываемых полупрозрачных коробок зависит от заказа?

Почему окончательный цвет двух уложенных друг на друга полупрозрачных коробок зависит от порядка? Как сделать так, чтобы в обоих случаях я получал одинаковый цвет? .a { background-color: rgba(255, 0, 0, 0.5) } .b { background-color: rgba(0, 0, 255, 0.5) } <span class="a"><span...

86
Можно ли скрыть и отобразить текст, используя только CSS (без кода JavaScript)? [закрыто]

Закрыто . Этот вопрос требует подробностей или ясности . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Добавьте подробности и проясните проблему, отредактировав этот пост . Закрыт 2 года назад . Уточните этот вопрос Можно ли отображать и скрывать текст с помощью ссылки...

85
CSS - выравнивание div по горизонтали

У меня есть контейнер div с фиксированным widthи height, с overflow: hidden. Мне нужен горизонтальный ряд блоков float: left в этом контейнере. Div, которые перемещаются влево, естественным образом нажимают на «строку» ниже после того, как прочитают правую границу своего родителя. Это произойдет,...

85
Безопасная ширина в пикселях для печати веб-страниц?

Какова безопасная ширина в пикселях для печати веб-страницы? Моя страница содержит большие изображения, и я хочу убедиться, что они не будут обрезаны при печати. Я знаю о разных полях браузера и размерах бумаги US Letter / DIN A4. Итак, мы получили стандартный размер букв и некоторые значения DPI...

85
Мнемоника для порядка CSS-полей и сокращенных свойств заполнения

Я никогда не могу вспомнить порядок сокращенного свойства для установки поля или заполнения в одном объявлении. То есть: margin-top: 2px; margin-bottom: 4px; margin-left: 3px; margin-right: 8px; можно записать как margin: 2px 8px 4px 3px; Да, я понимаю, что можно представить себе порядок,...

85
Добавить изображение слева от текста через CSS

Как я могу добавить изображение к тексту через CSS? У меня есть это: <span class="create">Create something</span> и я хочу добавить изображение 16x16 слева от него с помощью css. Возможно ли это, или я должен просто вручную добавить это изображение вот так: <span...

85
JQuery: как проверить, есть ли у элемента определенный класс / стиль css

У меня есть div: <div class="test" id="someElement" style="position: absolute"></div> Есть ли способ проверить, является ли определенный элемент: $("#someElement") имеет определенный класс (в моем случае «тест»). В качестве альтернативы, есть ли способ проверить, что элемент en имеет...