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

365
CSS фоновое изображение, чтобы соответствовать ширине, высота должна автоматически масштабироваться пропорционально

я имею body { background: url(images/background.svg); } Желаемый эффект состоит в том, что это фоновое изображение будет иметь ширину, равную ширине страницы, высота будет изменяться для сохранения пропорции. Например, если исходное изображение имеет размер 100 * 200 (любые единицы), а тело имеет...

365
Как добавить подсказку к элементу span?

В следующем коде я хочу всплывающую подсказку, когда пользователь наводит курсор на диапазон, как мне это сделать? Я не хочу использовать какие-либо ссылки. <span> text...

360
Какой самый простой способ отключить / включить кнопки и ссылки (jQuery + Bootstrap)

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

360
Выберите элемент на основе нескольких классов

У меня есть правило стиля, которое я хочу применить к тегу, когда у него есть два класса. Есть ли способ сделать это без JavaScript? Другими словами: <li class='left ui-class-selector'> Я хочу применить мое правило стиля только в том случае, если применяются liоба класса .leftи...

358
Как стилизовать цвет значка, размер и тень Font Awesome Icons

Как я могу стилизовать цвет, размер и тень иконок от Font Awesome's Icons ? Например, сайт Font Awesome покажет некоторые значки в белом, а некоторые в красном, но не покажет, CSSкак их стилизовать таким образом ......

356
Как центрировать плавающие элементы?

Я осуществляю нумерацию страниц, и она должна быть центрирована. Проблема в том, что ссылки должны отображаться в виде блоков, поэтому они должны быть перемещены. Но тогда text-align: center;не работает на них. Я мог бы добиться этого, указав отступ для div-обертки слева, но на каждой странице...

356
Как увидеть HTML-страницу на Github как обычную визуализированную HTML-страницу для просмотра в браузере без загрузки?

На http://github.com разработчик хранит HTML, CSS, JavaScript и файлы изображений проекта. Как я могу увидеть вывод HTML в браузере? Например это: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Когда я открываю это, он не показывает отрендеренный HTML код автора. Он...

352
Как правильно выровнять элементы div?

Тело моего HTML-документа состоит из 3 элементов, кнопки, формы и холста. Я хочу, чтобы кнопка и форма были выровнены по правому краю, а холст - по левому краю. Проблема в том, что когда я пытаюсь выровнять первые два элемента, они больше не следуют друг за другом, а вместо этого находятся рядом...

352
Как изменить цвет элемента SVG?

Я хочу использовать эту технику http://css-tricks.com/svg-fallbacks/ и изменить цвет SVG, но до сих пор я не смог этого сделать. Я положил это в CSS, но мое изображение всегда черное, несмотря ни на что. Мой код: .change-my-color { fill: green; } <svg> <image class="change-my-color"...

349
Как добавить несколько классов в компонент ReactJS?

Я новичок в ReactJS и JSX, и у меня возникла небольшая проблема с кодом ниже. Я пытаюсь добавить несколько классов к classNameатрибуту на каждом li: <li key={index} className={activeClass, data.class, "main-class"}></li> Мой компонент React: var AccountMainMenu = React.createClass({...

347
Предотвратить прокрутку тела при открытии модального

Я хочу, чтобы мое тело перестало прокручиваться при использовании колесика мыши, когда модал (с http://twitter.github.com/bootstrap ) на моем веб-сайте открыт. Я попытался вызвать кусок JavaScript ниже, когда модал открывается, но безуспешно $(window).scroll(function() { return false; }); И...

341
Bootstrap 4 выравнивает элементы панели навигации вправо

Как выровнять элемент навигационной панели вправо? Я хочу иметь логин и зарегистрироваться справа. Но все, что я пытаюсь, похоже, не работает. Это то, что я пробовал до сих пор: <div>во всем <ul>с атрибутом:style="float: right" <div>во всем <ul>с атрибутом:style="text-align:...

341
Эквивалент jQuery .hide () для установки видимости: скрыто

В jQuery есть .hide()и .show()методы, которые устанавливают display: noneнастройки CSS . Есть ли эквивалентная функция, которая установит visibility: hiddenнастройку? Я знаю, что могу использовать, .css()но я предпочитаю какую-то функцию, как .hide()или так....

340
Нет переноса строки после дефиса

Я пытаюсь предотвратить разрыв строки после дефиса -в каждом конкретном случае, который совместим со всеми браузерами. Пример: У меня есть этот текст: 3-3/8"который в HTML это: 3-3/8&rdquo; Проблема в том, что в конце строки, из-за дефиса, он разрывается и переносится на следующую строку, а не...