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

CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.

4
Добавить элемент с эффектом затухания [jQuery]
var html = "<div id='blah'>Hello stuff here</div>" $("#mycontent").append(html).fadeIn(999); Похоже, это не работает. Мне просто нужен крутой эффект при добавлении контента. Примечание: я хочу, чтобы исчез только новый div «blah», а не весь «mycontent».
121 javascript  jquery  html  css 
14
Отключить прокрутку на `<input type = number>`
Можно ли отключить колесо прокрутки, изменяя число в поле ввода номера? Я испортил специфичный для webkit CSS, чтобы удалить счетчик, но я хотел бы полностью избавиться от этого поведения. Мне нравится использоватьtype=number потому что он вызывает красивую клавиатуру на iOS.
121 javascript  css  html  forms 
14
Как имитировать наведение с сенсорным экраном в браузерах?
С таким HTML: &lt;p&gt;Some Text&lt;/p&gt; Затем немного CSS вроде этого: p { color:black; } p:hover { color:red; } Как я могу позволить долгому касанию на устройстве с сенсорным экраном воспроизводить наведение? Я могу изменить разметку / использовать JS и т. Д., Но не могу придумать простого способа сделать это.
120 javascript  html  css  hover  touch 
10
Граница вокруг определенных строк в таблице?
Я пытаюсь разработать HTML / CSS, который может поставить рамку вокруг определенных строк в таблице. Да, я знаю, что на самом деле мне не нужно использовать таблицы для макета, но я еще не знаю достаточно CSS, чтобы полностью заменить его. В любом случае, у меня есть таблица с несколькими строками …
120 html  css  border  css-tables 
6
CSS3 Continuous Rotate Animation (как у загружаемых солнечных часов)
Я пытаюсь воспроизвести индикатор активности в стиле Apple (значок загрузки солнечных часов) с помощью анимации PNG и CSS3. У меня изображение вращается и делает это непрерывно, но кажется, что после завершения анимации есть задержка, прежде чем она выполнит следующий поворот. @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { …
7
Могу ли я использовать минимальную высоту для таблицы, tr или td?
Я пытаюсь показать некоторые детали получения в таблице. Я хочу, чтобы у этой таблицы была минимальная высота, чтобы показывать продукты. Таким образом, если есть только один продукт, в конце таблицы будет хотя бы небольшое пространство. С другой стороны, если есть 5 или более товаров, это не будет пустое место. Я …
120 html  css 
14
Материализовать CSS - выберите "Не похоже на рендеринг"
В настоящее время я работаю с материализацией CSS, и, похоже, я зацепился за поля выбора. Я использую пример, предоставленный с их сайта, но, к сожалению, он вообще отображается в представлении. Мне было интересно, может ли кто-нибудь помочь. Что я пытаюсь сделать, так это создать строку с двумя концевыми разделителями, которые …
17
Можете ли вы использовать условия if / else в CSS?
Я хотел бы использовать условия в моем CSS. Идея в том, что у меня есть переменная, которую я заменяю при запуске сайта для создания правильной таблицы стилей. Я хочу, чтобы по этой переменной менялась таблица стилей! Это выглядит как: [if {var} eq 2 ] background-position : 150px 8px; [else] background-position …
10
Как предотвратить отображение символов Юникода как эмодзи в HTML из JavaScript?
Я нахожу Unicode для специальных символов из поиска FileFormat.Info . Некоторые символы отображаются как классические черно-белые глифы, например ⚠ (предупреждающий знак \u26A0или &amp;#x26a0;). Это предпочтительнее, поскольку я могу применять к ним стили CSS (например, цвет). Другие визуализируются как новые мультяшные эмодзи, например ⌛ (песочные часы \u231Bили &amp;#x231b;). Это нежелательно, так …
120 javascript  html  css  unicode  emoji 
15
Как я могу заполнить div изображением, сохраняя его пропорциональность?
Я нашел эту ветку - Как вы растягиваете изображение, чтобы заполнить &lt;div&gt;, сохраняя при этом соотношение сторон изображения? - это не совсем то, что мне нужно. У меня есть div определенного размера и изображение внутри него. Я хочу всегда заполнять div изображением, независимо от того, является ли изображение альбомным или …
4
Как включить шрифт .ttf с помощью CSS?
У меня проблема с моим кодом. Потому что я хочу включить глобальный шрифт для своей страницы и скачал файл .ttf. И я включаю его в свой основной CSS, но мой шрифт не меняется. Вот мой простой код: @font-face { font-family: 'oswald'; src: url('/font/oswald.regular.ttf'); } html, body, div, span, applet, object, …
120 html  css 
5
Воспроизведение нескольких анимаций CSS одновременно
Как я могу воспроизвести две CSS-анимации с разной скоростью ? Изображение должно вращаться и расти одновременно. Вращение будет происходить каждые 2 секунды. Рост будет повторяться каждые 4 секунды. Пример кода: .image { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin:-60px 0 0 -60px; -webkit-animation:spin 2s linear infinite; …
9
Имеет ли opacity: 0 тот же эффект, что и visibility: hidden
Если да, то действительно ли это обесценивает visibilityсобственность? (Я понимаю, что Internet Explorer еще не поддерживает это свойство CSS2.) Сравнение механизмов компоновки См. Также: В чем разница между visibility: hidden и display: none
119 html  css 
6
Как сделать карусель изображений только с помощью CSS?
Я хочу создать карусель изображений, где пользователь может переключаться между изображениями, щелкая стрелки. Например: Однако я могу использовать только HTML и CSS - без JavaScript (и, следовательно, jQuery). Мне просто нужна базовая настройка; плавные переходы и тому подобное не нужны. Как я могу это сделать?
119 javascript  jquery  html  css 
10
Поддержка справа налево для Twitter Bootstrap 3
Раньше были вопросы по этому поводу: Twitter Bootstrap CSS, поддерживающий языки RTL Но все ответы хороши для Bootstrap 2.x Я работаю над проектом на арабском языке (rtl), и мне нужен Bootstrap 3.x справа налево. Кто-нибудь знает, как исправить это?
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.