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

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

1017 html  css  iframe  rss 

Как вы используете свойство CSS content для добавления объектов HTML ? Использование чего-то подобного просто выводит  на экран вместо неразрывного пробела: .breadcrumbs a:before { content: ' '; }

1014 html  css  html-entities  css-content 

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

1004 html  css  layout  cross-browser  clearfix 

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

993 javascript  css  caching  auto-versioning 

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

986 javascript  css  html  input  numbers 

Я использую Bootstrap. Как я могу сделать три колонки одинаковой высоты? Вот скриншот проблемы. Я хотел бы, чтобы синие и красные столбцы были такой же высоты, как и желтый столбец. Вот код: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 panel" …

965 css  twitter-bootstrap 

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

958 html  css  position  overlay 

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

947 css  css-selectors 

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

943 javascript  jquery  css  jquery-selectors  pseudo-element 

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

897 javascript  css  performance 

Я использую Twitter Bootstrap 3, и у меня возникают проблемы, когда я хочу выровнять по вертикали две div, например, ссылку JSFiddle : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> …

889 html  css  twitter-bootstrap  twitter-bootstrap-3 

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

868 javascript  jquery  css  background 

У меня есть давняя проблема divобертывания двухколоночного макета. Моя боковая панель является плавающей, поэтому мой контейнер divне может обернуть содержимое и боковую панель. <div id="container"> <div id="content"></div> <div id="sidebar"></div> </div> Кажется, существует множество способов исправления ошибки в Firefox: <br clear="all"/> overflow:auto overflow:hidden В моей ситуации единственное, что, кажется, работает правильно, …

864 css  clearfix 

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

862 html  css 

Поиск ~персонажа не прост. Я просматривал некоторые CSS и нашел это .check:checked ~ .content { } Что это значит?

858 css  css-selectors