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

184
Как я могу отправить внутренний <div> в конец его родительского <div>?

Div внутри другого div изображения и кода ниже. Потому что будет текст и изображения родительского div. И красный div будет последним элементом родительского div. <div style="width: 200px; height: 150px; border: 1px solid black;"> <div style="width: 100%; height: 50px; border: 1px solid...

184
Примените стиль ТОЛЬКО на IE

Вот мой блок CSS: .actual-form table { padding: 5px 0 15px 15px; margin: 0 0 30px 0; display: block; width: 100%; background: #f9f9f9; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } Я хочу, чтобы IE 7, 8 и 9 "видели" width: 100% Какой самый простой способ сделать...

183
Серая картинка с CSS?

Каков наилучший способ (если есть), чтобы изображение выглядело «серым» с помощью CSS (т.е. без загрузки отдельной, серой версии изображения)? Мой контекст заключается в том, что у меня есть строки в таблице, у всех из которых есть кнопки в самой правой ячейке, и некоторые строки должны выглядеть...

183
CSS горизонтальное центрирование фиксированного div?

#menu { position: fixed; width: 800px; background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.8); margin-top: 30px; } Я знаю, что этот вопрос миллион раз, но я не могу найти решение для моего случая. У меня есть div, который должен быть исправлен на экране, даже если...

183
Более простой способ создать круг Div, чем с помощью изображения?

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

183
Почему мои медиа-запросы CSS3 не работают?

В файле styles.css я использую медиазапросы, в обоих из которых используется вариант: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Когда я уменьшаю окно, сайты меняют размер до...

183
Есть ли взлом CSS только для сафари, а не хром?

Я пытаюсь найти CSS-взлом только для сафари, а не для Chrome, я знаю, что это оба браузера webkit, но у меня возникают проблемы с выравниванием div в chrome и safari, каждый из которых отображается по-своему. Я пытался использовать это, но это влияет и на хром, @media screen and...

183
Как я могу предотвратить наложение содержимого полосы прокрутки в IE10?

В IE10 полоса прокрутки не всегда есть ... и когда она появляется, она появляется как наложение ... Это классная функция, но я бы хотела отключить ее для своего конкретного веб-сайта, так как это полноэкранное приложение и мой логотипы и меню теряются за ним. IE10: ХРОМ: Кто-нибудь знает способ...

182
Отключить параметры печати браузера (верхние и нижние колонтитулы, поля) со страницы?

Я видел, как этот вопрос задавался несколькими способами на SO и нескольких других сайтах, но большинство из них либо слишком специфичны, либо устарели. Я надеюсь, что кто-то может дать здесь окончательный ответ, не потворствуя спекуляциям. Есть ли способ, с помощью CSS или javascript, изменить...

182
Почему z-index не работает?

Так что, если я z-indexправильно понимаю , было бы идеально в этой ситуации: Я хочу разместить нижнее изображение (тег / карточку) под div над ним. Таким образом, вы не можете видеть острые края. Как мне это сделать? z-index:-1 // on the image tag/card или z-index:100 // on the div above тоже не...

182
Кнопки фиксированной ширины с Bootstrap

Поддерживает ли Bootstrap кнопки фиксированной ширины? В настоящее время, если у меня есть 2 кнопки «Сохранить» и «Загрузить», размер кнопки изменяется в зависимости от содержимого. И каков правильный способ расширения...

182
Предложения Twitter's typeahead.js не имеют стиля (без рамки, прозрачного фона и т. Д.)

Я использую щебетать typeahead.js 0.9.3, и, похоже, мои предложения вообще не разработаны. Я получаю это: Вместо чего-то вроде этого: (взято со страницы примеров ) JavaScript, включающий typeahead: $('.search-typeahead').typeahead({ name: 'videos', remote: { url:...

182
Установка максимальной длины символа в CSS

Я делаю адаптивный сайт для школы, и мой вопрос: Как установить максимальную длину символов в предложениях (с CSS) на моем веб-сайте (например, 75 символов), чтобы при большом экране предложения не превышали 75 символов. Я пробовал максимальную ширину, но это портит мой макет. Я использую flexbox и...

181
Можно ли остановить текстовые поля шириной 100% за пределы их контейнеров?

Допустим, у меня есть текстовое поле, которое я хочу заполнить всю строку. Я бы дал ему такой стиль: input.wide {display:block; width: 100%} Это вызывает проблемы, потому что ширина зависит от содержимого текстового поля. Текстовые поля имеют поля, границы и отступы по умолчанию, что делает...

181
Как заставить DIV не оборачиваться?

Мне нужно создать контейнер DIV стиль, который содержит несколько других DIV. Спрашивается, что эти DIV не будут переноситься, если размер окна браузера будет изменен, чтобы быть узким. Я попытался заставить это работать как ниже. <style> .container { min-width: 3000px; overflow: hidden; }...

181
Остановка анимации CSS3 в последнем кадре

У меня на клике воспроизводится анимация CSS3 из 4 частей, но последняя часть анимации предназначена для того, чтобы убрать ее с экрана. Тем не менее, он всегда возвращается в исходное состояние после воспроизведения. Кто-нибудь знает, как я могу остановить его на последнем кадре CSS (100%) , или...

180
Как получить ширину браузера с помощью кода JavaScript?

Я пытаюсь написать функцию JavaScript, чтобы получить текущую ширину браузера. Я нашел это: javascript:alert(document.body.offsetWidth); Но его проблема в том, что он потерпит неудачу, если тело имеет ширину 100%. Есть ли другая лучшая функция или обходной...