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

У меня есть 3 уровня div: (Зеленым цветом внизу) Верхний уровень divс overflow: hidden. Это потому, что я хочу, чтобы некоторый контент (не показанный здесь) внутри этого блока был обрезан, если он превышает размер блока. (Красным внизу) Внутри у меня есть divс position: relative. Единственное использование для этого для следующего …

144 css  overflow  css-position 

Как лучше всего вставить маленькое изображение после каждого элемента списка? Я попробовал это с псевдо-классом, но что-то не так ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} Спасибо за любую помощь!

144 css 

Я создал карусель с предыдущей и следующей кнопками, которые всегда видны. Эти кнопки находятся в состоянии наведения, они становятся синими. На сенсорных устройствах, таких как iPad, состояние зависания остается липким, поэтому кнопка после нажатия остается синей. Я не хочу этого Я мог бы добавить no-hoverкласс ontouchendдля каждой кнопки и сделать …

144 javascript  css  hover  touch 

Привет, я использую что-то похожее на следующее, чтобы разместить div в середине экрана: <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; …

144 css  html  window  center 

Вот вам интересный вопрос по CSS! У меня есть текстовое поле с прозрачным фоном, наложенное на ТЕКСТ, который я хотел бы использовать как своего рода водяной знак. Текст большой и занимает большую часть текстового поля. Выглядит красиво, проблема в том, что когда пользователь нажимает на текстовое поле, он иногда вместо …

144 css 

Я пытаюсь получить некоторые inlineи inline-blockкомпоненты выровнены по вертикали в div. Почему spanв этом примере человек настаивает на том, чтобы его опускали? Я пробовал оба vertical-align:middle;и vertical-align:top;, но ничего не изменилось. HTML: <div> <a></a><a></a> <span>Some text</span> </div>​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { …

144 html  css  vertical-alignment 

Я изо всех сил пытаюсь создать текстовое поле, которое соответствует всей ширине области моего контейнера . <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> Когда я делаю это выше, два элемента формы находятся в …

144 html  css  twitter-bootstrap-3 

Я использую CSS для обозначения текста триггера для скользящего раздела jQuery: т.е. когда вы наводите курсор мыши на текст триггера, курсор меняется на указатель, а непрозрачность текста триггера уменьшается, чтобы указать, что текст имеет действие щелчка , Это отлично работает в Firefox и Chrome, но в IE8 непрозрачность не меняется. …

143 css  internet-explorer-8  opacity 

В настоящее время этот вопрос не очень подходит для нашего формата вопросов и ответов. Мы ожидаем, что ответы будут подтверждены фактами, ссылками или опытом, но этот вопрос, скорее всего, вызовет дебаты, споры, опрос или расширенное обсуждение. Если вы считаете, что этот вопрос можно улучшить и, возможно, вновь открыть, обратитесь за …

143 css  firebug 

Таблица стилей пользовательского агента для Chrome дает радиус границы 5 пикселей для всех углов <select>элемента. Я пытался избавиться от этого, применяя радиус 0px через мою внешнюю таблицу стилей, а также встроенный в сам элемент; Я пробовал оба, border-radius:0pxи -webkit-border-radius:0px;я пробовал еще более конкретный border-top-left-radius:0px(вместе с эквивалентом -webkit). Никто не работает. …

143 select  webkit  css 

У меня есть CSS, который меняет форматирование при наведении курсора на элемент. HTML: <div class="test"> blah </div> CSS: .test:hover { border: 1px solid red; } В некоторых случаях я не хочу применять CSS при наведении курсора. Одним из способов было бы просто удалить класс CSS из div с помощью jQuery, …

143 html  css 

У меня здесь есть сайт . При просмотре в браузере настольного компьютера черная строка меню правильно распространяется только до края окна, поскольку bodyимеет overflow-x:hidden. В любом мобильном браузере, будь то Android или iOS, черная строка меню отображается во всю ширину, что приводит к появлению пробелов в правой части страницы. Насколько …

143 css  overflow  viewport  mobile-browser 

Почему у нас нет box-sizing: margin-box;? Обычно, когда мы добавляем box-sizing: border-box;наши таблицы стилей, мы действительно имеем в виду первое. Пример: Скажем, у меня есть макет страницы в 2 столбца. Оба столбца имеют ширину 50%, но выглядят некрасиво, потому что нет желоба (промежуток посередине); Ниже приведен CSS: .col2 { width: …

143 css  layout  position  w3c 

При добавлении divs к a divс фиксированной высотой дочерние div будут отображаться сверху вниз, придерживаясь верхней границы. ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ Теперь я пытаюсь отобразить их снизу вверх вот так (придерживаясь нижней границы): ┌─────────────────────────┐ │ │ …

143 html  css  scrollbar  vertical-alignment  alignment 

Я искал другие вопросы, и, хотя эта проблема кажется похожей на пару других, ничто из того, что я видел до сих пор, похоже, не решает проблему, с которой я столкнулся. У меня есть div, который содержит ряд других div, каждый из которых перемещается влево. Каждый из этих элементов содержит фотографию …

142 html  center  css