css- все статьи тега ➜ страница 26
CSS / HTML: создание светящейся границы вокруг поля ввода
Я хочу создать некоторые достойные входы для моей формы, и я действительно хотел бы знать, как TWITTER делает их светящуюся границу вокруг своих входов. пример / изображение границы Twitter: Я тоже не знаю, как создать закругленные углы. ...
Sass-преобразование Hex в RGBa для фоновой непрозрачности
у меня есть следующий Sass mixin, который является наполовину полной модификацией пример RGBa: @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Я подал заявление $opacity ок, но теперь я застрял с $color часть. Цвета, которые я буду отправлять в миксин, будут шестнадцатеричными, а не RGB. мой пример использования будет: element { @include background-opacity(#333, .5); } как я могу и ...
Как настроить таргетинг только на Internet Explorer 10 для определенных ситуаций, таких как CSS для Internet Explorer или JavaScript-код для Internet Explorer?
как настроить таргетинг только на Internet Explorer 10 для определенных ситуаций, таких как специфичный для Internet Explorer CSS или специфичный для Internet Explorer код JavaScript? Я пробовал это, но это не работает: <!--[if IE 10]> <html class="no-js ie10" lang="en"> <![endif]--> <!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]--> Internet Explorer 10 игнорирует условные комментарии и использует <html lang="en" class="no-j ...
Как центрировать абсолютный div по горизонтали с помощью CSS?
у меня есть div и хочу, чтобы он был центрирован горизонтально - хотя я даю его margin:0 auto; он не центрирован... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; } ...
Как очистить содержимое div с помощью JavaScript? [закрытый]
когда пользователь нажимает кнопку на моей странице, содержимое div должны быть очищены. Как бы мне это сделать? ...
Печать CSS: избегая разрезать пополам DIVs между страницами?
Я пишу плагин для части программного обеспечения, которое принимает большую коллекцию элементов и выводит их в HTML в WebView в Cocoa (который использует WebKit в качестве своего рендерера, поэтому в основном вы можете предположить, что этот HTML-файл открывается в Safari). дивы, которые он делает, имеют динамическую высоту, но они не слишком отличаются. Они, как правило, около 200 пикселей. Во всяком случае, с примерно шестьюстами из этих элементов на документ, у меня есть очень трудное время, ...
Более простой способ создать круг div, чем с помощью изображения?
Мне интересно, есть ли более простой способ создать круговые дивы, чем то, что я делаю сейчас. В настоящее время я просто делаю изображение для каждого разного размера, но это раздражает. есть ли в любом случае использование CSS для создания divs, которые являются круглыми, и я могу указать радиус? ...
CSS scrollbar style cross browser [дубликат]
этот вопрос уже есть ответ здесь: CSS настроил полосу прокрутки в div 14 ответов Как я могу определить кросс-браузер стиля CSS scrollbar? Я тестировал этот код, он работает только в IE и opera, но не удалось в Chrome, Safari и Firefox. <style type="text/css"> <!-- body { scrollbar-face-color: #000000; scrollbar-shadow-color: #2D2C4D; scrollbar-highlight-color:#7D7E94; scroll ...
Каковы различия между гибкой основой и шириной?
были вопросы и статьи об этом, но ничего убедительного, насколько я могу сказать. Лучшее резюме, которое я мог найти, это flex-basis позволяет указать начальный / начальный размер элемента, прежде чем что-либо еще будет вычислено. Это может быть как процентное, так и абсолютное значение. ...что само по себе не говорит о поведении элементов с flex-basis set. С моим текущим знание flexbox я не понимаю, почему это не может описать ширина также. Я хотел бы знать, как именно flex-basis отли ...
Предотвратить мерцание на webkit-переход webkit-transform [дубликат]
Возможные Дубликаты:iPhone webkit css анимации вызывают мерцание по какой-то причине прямо перед моей анимацией свойства webkit-transform происходит небольшое мерцание. Вот что я делаю: CSS: #element { -webkit-transition: -webkit-transform 500ms; } JavaScript: $("#element").css("-webkit-transform", "translateX(" + value + "px)"); прямо перед переходом происходит мерцание. Любая идея, почему это так, и как я мог бы исправить проблема? спасибо! обновление: это происходит тол ...
Очистить значок внутри входного текста
есть ли быстрый способ создать элемент ввода текста со значком справа, чтобы очистить сам элемент ввода (например, поле поиска google)? Я посмотрел вокруг, но я нашел только как поставить значок в качестве фона элемента input. Существует ли плагин jQuery или что-то еще? Я хочу значок внутри входного текстового элемента, что-то вроде: -------------------------------------------------- | X| -------------------------------------------------- ...
Bootstrap 4 выровнять элементы навигационной панели справа
Как выровнять элемент navbar вправо? я хочу иметь логин и зарегистрировать права. Но все, что я пытаюсь, кажется, не работает. это то, что я пробовал до сих пор: <div> вокруг <ul> С атрибутом: style="float: right" <div> вокруг <ul> С атрибутом: style="text-align: right" попробовал эти две вещи на <li> теги попробовал все эти вещи снова с !important добавить в конец изменить nav-item до nav-right на <li> добавил pull-sm-right класс <li> добав ...
Более быстрый способ разработки и тестирования таблиц стилей печати (избегайте предварительного просмотра каждый раз)?
Это мой процесс прямо сейчас: Сохранить изменения для печати.css откройте браузер и обновите страницу. щелкните правой кнопкой мыши и выберите печать > предварительный просмотр (Firefox, но любой браузер на самом деле) Это Шаг 3, который меня беспокоит, и мне интересно, можно ли вырезать его из процесса с помощью плагина или чего-то еще. Просто выберите Просмотр страницы в качестве носителя печати, а затем просто обновите, чтобы увидеть изменения. Как вы тестируете ваши таблицы стилей печ ...
jQuery при изменении размера окна
у меня есть следующий код jQuery: $(document).ready(function () { var $containerHeight = $(window).height(); if ($containerHeight <= 818) { $('.footer').css({ position: 'static', bottom: 'auto', left: 'auto' }); } if ($containerHeight > 819) { $('.footer').css({ position: 'absolute', bottom: '3px', left: '0px' }); } }); единственная проблема заключается в том, что ...
прокрутка iPad Safari приводит к тому, что элементы HTML исчезают и появляются с задержкой
в настоящее время я разрабатываю веб-приложение с использованием html5 и jQuery для iPad Safari. Я столкнулся с проблемой, в которой большие области прокрутки вызывают элементы, которые находятся вне экрана, чтобы появиться после задержки, когда я прокручиваю вниз к ним. что я имею в виду, если у меня есть ряд изображений (или даже div с градиентом), который находится за кадром, когда я прокручиваю вниз (или вверх) до него,ожидаемое поведение для элемента, чтобы появиться на экране, как я прокр ...
Как написать CSS хак для IE 11? [дубликат]
этот вопрос уже есть ответ здесь: Обнаружение IE11 с помощью функции CSS/обнаружения функций 17 ответов Как я могу взломать или написать css только для IE 11? У меня есть сайт, который плохо выглядит в IE 11.Я просто ищу здесь и там, но пока не нашел никакого решения. есть ли селектор css? ...
Два дива бок о бок-жидкий дисплей
Я пытаюсь разместить два дива бок о бок и использовать для этого следующий CSS. #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML-код простой, два левый и правый див в див-обертку. <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> Я так много раз пытался найти лучший способ на StackOverflow и других сайтах тоже, но не смог найти точную помощь. Итак, код ...
Скрыть счетчик во входном номере-Firefox 29
на Firefox 28, я использую <input type="number"> отлично работает, потому что он вызывает числовую клавиатуру на полях ввода, которые должны содержать только цифры. в Firefox 29 с помощью цифровых входов отображаются кнопки вращения в правой части поля, что выглядит как дерьмо в моем дизайне. Мне действительно не нужны кнопки, потому что они бесполезны, когда вам нужно написать что-то вроде 6~10 цифр в любом случае. можно ли отключить это с помощью CSS или jQuery? ...
Сделать абсолютно позиционированных div-элемент расширения Родительский див высота
как вы можете видеть в CSS ниже, я хочу, чтобы child2 позиционировал себя перед child1. Это связано с тем, что сайт, который я сейчас разрабатываю, также должен работать на мобильных устройствах, на которых child2 должен быть внизу, поскольку он содержит навигацию, которую я хочу ниже контента на мобильных устройствах. - Почему не 2 Сайт masterpages? Это только 2 divs, которые перемещаются во всем HTML, поэтому 2 мастер-страницы для этого незначительного изменения являются перебор. HTML: < ...
CSS3 анимация перехода при загрузке?
можно ли использовать анимацию перехода CSS3 при загрузке страницы без использования Javascript? это своего рода то, что я хочу, но на странице загрузки: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html то, что я нашел до сих пор CSS3 переход-задержка, способ задержки воздействия на элементы. Работает только при наведении курсора. ключевой кадр CSS3, работы по нагрузка, но чрезвычайно медленно. Не полезно из-за этого. переход CSS3 достаточно быстро, но не анимации при загру ...