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

1129
Скрыть полосу прокрутки, но все еще в состоянии прокрутки

Я хочу иметь возможность прокручивать всю страницу, но без показа полосы прокрутки. В Google Chrome это: ::-webkit-scrollbar { display: none; } Но Mozilla Firefox и Internet Explorer, похоже, не работают так. Я также попробовал это в CSS: overflow: hidden; Это скрывает полосу прокрутки, но я больше...

1078
Как центрировать абсолютно позиционированный элемент в div?

Мне нужно поместить div(с position:absolute;) элемент в центре моего окна. Но у меня проблемы с этим, потому что ширина неизвестна . Я попробовал это. Но это должно быть отрегулировано, поскольку ширина отзывчива. .center { left: 50%; bottom:5px; } Любые...

1068
Как убрать пробел между элементами inline / inline-block?

Учитывая этот HTML и CSS: span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </span> </p> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент В результате между элементами SPAN будет пространство...

1059
Поддерживать соотношение сторон div с CSS

Я хочу создать, divкоторый может изменить свою ширину / высоту при изменении ширины окна. Существуют ли какие-либо правила CSS3, которые позволили бы изменить высоту в соответствии с шириной при сохранении соотношения сторон ? Я знаю, что могу сделать это с помощью JavaScript, но я бы предпочел...

1018
Как написать: hover во встроенном CSS?

У меня есть случай, когда я должен написать встроенный код CSS, и я хочу применить стиль наведения на привязку. Как я могу использовать a:hoverвстроенный CSS внутри атрибута стиля HTML? Например, вы не можете надежно использовать классы CSS в электронных письмах...

1017
Как применить CSS к iframe?

У меня есть простая страница, которая имеет несколько разделов iframe (для отображения ссылок RSS). Как применить тот же формат CSS с главной страницы к странице, отображаемой в...

1004
Что такое исправление?

На этот вопрос есть ответы на переполнение стека на русском : Суть класса clearFix Недавно я просматривал код какого-то сайта и увидел, что у каждого <div> есть класс clearfix. После быстрого поиска в Google я узнал, что это иногда для IE6, но что на самом деле означает «исправление»? Не...

993
Как заставить браузер перезагрузить кэшированные файлы CSS / JS?

Я заметил, что некоторые браузеры (в частности, Firefox и Opera) очень усердно используют кэшированные копии файлов .css и .js даже между сеансами браузера. Это приводит к проблеме при обновлении одного из этих файлов, но браузер пользователя продолжает использовать кэшированную копию. Вопрос в...

986
Могу ли я скрыть поле прокрутки ввода HTML5?

Есть ли согласованный способ в разных браузерах скрывать новые спин-боксы, которые некоторые браузеры (например, Chrome) отображают для ввода HTML с типом number? Я ищу метод CSS или JavaScript для предотвращения появления стрелок вверх / вниз. <input id="test"...

965
Как я могу сделать колонки Bootstrap одинаковой высоты?

Я использую Bootstrap. Как я могу сделать три колонки одинаковой высоты? Вот скриншот проблемы. Я хотел бы, чтобы синие и красные столбцы были такой же высоты, как и желтый столбец. Вот код: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>...

958
Как наложить один div на другой div

Мне нужна помощь с наложением одного человека divна другого div. Мой код выглядит так: <div class="navi"></div> <div id="infoi"> <img src="info_icon2.png" height="20" width="32"/> </div> К сожалению, я не могу гнездиться внутри div#infoiили imgвнутри div.navi. Это...

947
CSS селектор для первого элемента с классом

У меня есть набор элементов с именем класса red, но я не могу выбрать первый элемент с class="red"использованием следующего правила CSS: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Выполнить фрагмент кодаСкрыть результатыРазвернуть...

943
Выбор и управление псевдоэлементами CSS, такими как :: before и :: после использования jQuery

Есть ли способ выбрать / манипулировать псевдоэлементами CSS, такими как ::beforeи ::after(и старая версия с одной точкой с запятой), используя jQuery? Например, моя таблица стилей имеет следующее правило: .span::after{ content:'foo' } Как я могу изменить 'foo' на 'bar', используя...

897
Должен ли CSS всегда предшествовать Javascript?

В бесчисленных местах онлайн я видел рекомендацию включить CSS до JavaScript. Рассуждения, как правило, имеют следующую форму : Когда дело доходит до заказа вашего CSS и JavaScript, вы хотите, чтобы ваш CSS был на первом месте. Причина в том, что поток рендеринга имеет всю информацию о стиле,...

868
Как удалить стиль, добавленный с помощью функции .css ()?

Я изменяю CSS с помощью jQuery и хочу удалить стиль, который добавляю, основываясь на входном значении: if(color != '000000') $("body").css("background-color", color); else // remove style ? Как я могу это сделать? Обратите внимание, что строка выше проходит всякий раз, когда цвет выбирается с...

864
Какие методы «clearfix» я могу использовать?

У меня есть давняя проблема divобертывания двухколоночного макета. Моя боковая панель является плавающей, поэтому мой контейнер divне может обернуть содержимое и боковую панель. <div id="container"> <div id="content"></div> <div id="sidebar"></div> </div>...

862
CSS центр текста (по горизонтали и вертикали) внутри блока div

У меня есть divнабор display:block( 90px heightи width), и у меня есть текст внутри. Мне нужно, чтобы текст был выровнен по центру как по вертикали, так и по горизонтали. Я пытался text-align:center, но это не делает горизонтальную часть, поэтому я попытался vertical-align:middle, но это не...