Лучшие css3 вопросы ИТ разработчиков

  • 2голосов
  • 2ответа
  • 0просмотров

Тег метки CSS3 направлен вправо и с использованием позиции или: после

Я пытаюсь построить эту форму в CSS: Но я не могу понять, как расположить треугольную форму (учитывая, что у меня есть прямоугольник для «тела» тега и треугольник для кончика), направленной вправо. Поскольку я работаю с позициями, как я могу ...

ЗаданDec 02, 2014, 10:16 AMотweb-tikiYisela
  • 29голосов
  • 2ответа
  • 0просмотров

Фиксированный верхний и нижний колонтитулы и боковые панели с прокруткой области содержимого в центре

Начиная с этогоДемо-шаблон [http://jsfiddle.net/kFBuD/91/]Я хотел бы создать этот макет: Но у меня есть следующие проблемы: * The two sidebars are not contained inside the scrollable content div. * The content div does not take a fixed ...

ЗаданApr 07, 2012, 7:45 PMот0b10011glarkou
  • 4голосов
  • 2ответа
  • 0просмотров

CSS-3 'target-new' и html5 target = '_ blank' для открытия в новой вкладке

Я искал решение для открытия страницы в новой вкладке, а затем я попал на свойство CSS-3целевой новый [http://www.w3.org/TR/2004/WD-css3-hyperlinks-20040224/#target-new] В нем говорится, что: «Если пользователь хочет вместо этого открыть новые ...

ЗаданApr 05, 2012, 8:21 AMотZeNo
  • 13голосов
  • 2ответа
  • 0просмотров

Как я могу использовать атрибут данных, чтобы установить фоновое изображение в CSS?

У меня есть папка с несколькими фоновыми изображениями (one.jpg, two.jpg, three.jpg) и этой разметкой <section class="slide" data-bg="one"></section> <section class="slide" data-bg="two"></section> <section class="slide" ...

ЗаданJun 08, 2015, 3:35 PMотScimonsterEnrique Moreno Tent
  • 16голосов
  • 2ответа
  • 0просмотров

CSS: почему фоновый цвет разбивает / удаляет прямоугольник с тенью?

У меня довольно простая структура div - древовидные блоки со средним блоком, выделенным box-shadow: <div class="offerBox"> <div class="obOffer"> <div class="obOfferTitle">Free</div> <div class="obOfferPrice">Free</div> </div> <div class="obOffer ...

ЗаданMay 14, 2012, 4:58 PMотOkapy
  • 7голосов
  • 2ответа
  • 0просмотров

IE9 фильтр градиента и границы радиуса конфликта

Я пытаюсь использовать эффект градиента и радиус границы для одного и того же элемента, но между ними существует конфликт. Градиент работает нормально, но делает радиус границы неработающим. вот сценарий .selector { ...

ЗаданMay 01, 2012, 3:12 PMотSimon
  • 34голосов
  • 8ответов
  • 0просмотров

Странный переход CSS3 (мерцание)

Когда я наведите курсор на кнопку, она начинает мигать белым при запуске перехода. Почему это мерцает, когда я применяю переход css3 к моей кнопке?My browser is Google Chrome See here ...

ЗаданApr 13, 2012, 3:40 AMотJürgen Paul
  • 7голосов
  • 7ответов
  • 0просмотров

Как скрыть содержимое холста от родительских закругленных углов в любом веб-комплекте для Mac?

У меня есть родительdiv с закругленными углами, который содержитcanvas: <div id="box"> <canvas width="300px" height="300px"></canvas> </div>​ #box { width: 150px; height: 150px; background-color: blue; border-radius: 50px; overflow: hidden; ...

ЗаданJun 07, 2012, 9:52 AMотJose Rui Santos
  • 5голос
  • 1ответ
  • 0просмотров

теги стрелок чистого изображения без CSS

Есть ли способ создать Delicious-подобные & quot; стрелки-метки & quot; без использования изображений: Я знаком стехника пограничного треугольника [http://css-tricks.com/snippets/css/css-triangle/], но не могу сделать так, чтобы это выглядело ...

ЗаданApr 16, 2012, 1:19 PMотsandeepAnC
  • 23голосов
  • 4ответа
  • 0просмотров

Использование CSS-переполнения текста для изменения количества строк текста в элементе заданной высоты

Я сейчас углубляюсь в разработку некоторых веб-приложений для iPhone (Safari / WebKit) и хочу, чтобы в них были элементы заданной высоты с текстом заголовка и основным текстом, чтобы всегда отображались 3 строки. Если текст заголовка короткий, ...

ЗаданJul 01, 2009, 3:54 AMотAndrew Hedges
  • 1голосов
  • 2ответа
  • 0просмотров

Определить переполнение текста: многоточие активно в поле ввода

Мне интересно, есть ли способ обнаружить, еслиtext-overflow:ellipsis активен в поле ввода, поэтому я могу показать всплывающую подсказку с полным текстом. Css: input[type='text'] { text-overflow:ellipsis; }Html: <input type="text" ...

ЗаданApr 18, 2012, 12:56 PMотAndreas
  • 2голосов
  • 3ответа
  • 0просмотров

CSS3 комбинирует селекторы с ИЛИ вместо И

Учитывая этот селектор: body[class*="page-node-add-"][class~="page-node-edit"] {background:red;}Он будет соответствовать телу с классом, который содержит подстрокуpage-node-add-И класс, который точноpage-node-edit Я хотел бы сказать, ...

ЗаданApr 14, 2014, 12:15 PMотBoltClockDominic
  • 240голосов
  • 8ответов
  • 0просмотров

Как нарисовать вертикальный текст с помощью кросс-браузера CSS?

Я хочу повернуть одно слово текста на 90 градусов с поддержкой кросс-браузера (& gt; = IE6, & gt; = Firefox 2, любая версия Chrome, Safari или Opera). Как это может быть сделано?

ЗаданApr 24, 2015, 4:58 AMотTylerHusr
  • 40голосов
  • 4ответа
  • 0просмотров

Как я могу создать кальцин mixin для передачи в качестве выражения для генерации тегов?

Я работаю над таблицей стилей Sass, в которой я хочу использоватьcalc элемент для динамического определения размера содержимого. Какcalc элемент не был стандартизирован, мне нужно нацелитьсяcalc(), -moz-calc(), а также-webkit-calc(). Есть ли ...

ЗаданDec 22, 2016, 3:52 PMотTylerHsecretformula
  • 11голос
  • 1ответ
  • 0просмотров

CSS3 rotate - проблемы с рендерингом в Firefox и Safari

Я пытаюсь повернуть простую строку текста на несколько градусов с помощью свойства CSS3 & # xBB; rotate & # xAB ;, точно на 1,5 градуса. -webkit-transform: rotate(1.5deg); -moz-transform: rotate(1.5deg); -ms-transform: rotate(1.5deg); ...

ЗаданMay 23, 2017, 12:30 PMотCommunityMarcel Kalveram
  • 6голосов
  • 2ответа
  • 0просмотров

Почему я не могу использовать background-clip?

Моя попытка использоватьbackground-clip: content-box терпит неудачу. Весь блок имеет фон, включая область заполнения, а не только область содержимого. http://jsfiddle.net/alanhogan/7YjCV/6/ [http://jsfiddle.net/alanhogan/7YjCV/6/] Что я делаю ...

ЗаданMay 04, 2012, 9:05 PMотAlan H.
  • 1голос
  • 1ответ
  • 0просмотров

Есть ли какой-нибудь способ иметь наклонные тени от ящиков, используя только CSS?

Я хочу что-то вроде логотипа наCSS-Tricks [http://css-tricks.com/], но с CSS вместо файла изображения, поэтому его можно изменить. Это возможно? Что-то вроде этого изображения:

ЗаданMay 08, 2012, 10:09 PMот0b10011Nathan B
  • 28голос
  • 1ответ
  • 0просмотров

Специфика CSS, медиазапросы и минимальная ширина

Я изменяю дизайн своего блога с учетом адаптивного веб-дизайна и "сначала мобильного". метод - Короче говоря, я пытаюсь использовать минимальную ширину, чтобы избежать любого вида репликации или css. нет отображения: нет и т. д. Моя проблема в ...

ЗаданApr 25, 2012, 7:13 PMотBoltClockGeorge Katsanos
  • 50голосов
  • 3ответа
  • 0просмотров

CSS Transform с изменением размера элемента

Я нашел это:ширина / высота после преобразования [https://stackoverflow.com/questions/7565542/width-height-after-transform] и несколько других, но ничего не совсем то, что я ищу. То, что я хочу, это масштабировать что-то до 50% от его размера ...

ЗаданMay 23, 2017, 12:02 PMотCommunityGus
  • 4голосов
  • 3ответа
  • 0просмотров

CSS: вертикальное расположение столбцов без <table>

Хорошо, я наклонился html & amp; css еще в 2001 году. Я привык делать что-то вроде этого (чтобы создать веб-сайт с макетом «вертикальный столбец»): <html> <head> <title>Vertical-column layout</title> </head> <body> <table id="doc" > <!-- header ...

ЗаданJun 04, 2012, 7:53 PMотOmar
  • 5голосов
  • 5ответов
  • 0просмотров

-moz-border-radius удален из firefox 13

Вчера я обновился до Firefox 13 и заметил, что это свойство больше не поддерживается Firefox 13, jquery.ui.css использует это, и теперь у меня есть все элементы пользовательского интерфейса jquery без круглых углов. Любое решение, прежде чем ...

ЗаданJun 25, 2012, 11:27 AMотBoltClockalbanx
  • 17голос
  • 1ответ
  • 0просмотров

CSS Масштабирование элемента с шириной 100%

Я заинтересован в уменьшении div с шириной 100%. Проблема, с которой я столкнулся, заключается в том, что когда я масштабирую элемент, он получает фиксированную ширину и больше не расширяется на 100% ширины. Пример -http://jsfiddle.net/Fz7qh/2/ ...

ЗаданJun 07, 2012, 5:54 PMотlevi
  • 6голос
  • 1ответ
  • 0просмотров

Сужается / исчезает тень от CSS?

У меня есть раскрывающееся меню CSS, которое я пытаюсь создать, а фон выпадающего меню имеет затененную / сужающуюся тень блока: У меня возникли проблемы с тем, как сделать так, чтобы тень от коробки на самом деле сужалась / исчезала. Вот где ...

ЗаданJun 07, 2012, 7:19 PMотShpigford
  • 11голосов
  • 2ответа
  • 0просмотров

Стили CSS не применяются должным образом, если использовать DOCTYPE

1) Стили CSS не применяются должным образом к моей HTML-странице, если я добавляю определенную версию в HTML, такую как HTML5, строгая HTML4.1 и т. Д. Если я удаляю все операторы DOCTYPE, это работает нормально. My HTML code(Display properly ...

ЗаданApr 30, 2012, 8:03 AMотRamprasad
  • 5голосов
  • 2ответа
  • 0просмотров

IE10 - CSS анимация не работает

У меня есть масштабная анимация, которая работала в IE10 около дня, а затем остановилась. Я не вносил никаких изменений и не уверен, что произойдет, чтобы сломать его. У кого-нибудь есть какие-либо идеи? Когда я смотрю в инструментах разработки ...

ЗаданJun 04, 2012, 2:01 PMотSampsondex3703
  • 3голос
  • 1ответ
  • 0просмотров

Как отправить предложения в спецификацию CSS? [закрыто]

Недавно я хотел сделать несколько вещей, используя только CSS, чтобы найти лучшее решение - использовать Javascript. Это заставило меня задуматься: кто-нибудь здесь знает, как делать предложения по разработке для реализации в спецификации CSS ...

ЗаданJun 24, 2009, 6:43 PMотajmjcuenod
  • 7голосов
  • 4ответа
  • 0просмотров

Анимация CSS-преобразования с помощью jQuery

Я пытаюсь оживить div и заставить его вращаться вокруг оси y на 180 градусов. Когда я вызываю следующий код, я получаю ошибку jQuery: $("#my_div").animate({ "transform": "rotateY(180deg)", "-webkit-transform": "rotateY(180deg)", ...

ЗаданJun 10, 2012, 4:05 AMотJaredJoey
  • 20голосов
  • 4ответа
  • 0просмотров

Треугольная форма с фоновым изображением

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

ЗаданMay 11, 2016, 9:50 AMотweb-tikiRyan
  • 40голосов
  • 6ответов
  • 0просмотров

Форма CSS 3: «Обратный круг» или «Вырезанный круг»

Я хочу создать фигуру, которую я бы описал как «обратный круг»: Изображение почему-то неточное, потому что черная линия должна продолжаться вдоль внешней границы элемента div. Вот демонстрация того, что у меня есть на данный ...

ЗаданJul 14, 2014, 3:00 PMотweb-tikiAlp
  • 5голос
  • 1ответ
  • 0просмотров

Выбор меняет цвет, когда Firefox теряет фокус

Я устанавливаю цвет фона выделения с помощью CSS: ::selection { background:#cc0000; color:#fff; } ::-moz-selection { background:#cc0000; color:#fff; }В большинстве браузеров, когда фокус находится где-то еще (например, IFrame), цвет выделения ...

ЗаданMay 08, 2012, 3:18 PMотBoltClockpaleozogt
  • 2голосов
  • 4ответа
  • 0просмотров

применить оттенок розы или изменить яркость всего документа в css / js / jquery / html?

Error: User Rate Limit Exceeded Error: User Rate Limit Exceeded Error: User Rate Limit Exceeded ** Если бы кто-нибудь мог сказать мне самый простой способ сделать все черно-белым, я бы это очень оценил.

ЗаданMay 05, 2012, 7:57 PMотmao
  • 44голосов
  • 6ответов
  • 0просмотров

положение фиксированного заголовка в HTML

У меня есть заголовок (динамическая высота) с фиксированной позицией. Мне нужно разместить контейнер div прямо под заголовком. Поскольку высота заголовка является динамической, я не могу использовать фиксированное значение для верхнего ...

ЗаданAug 31, 2017, 6:35 AMотSowmya
  • 44голосов
  • 10ответов
  • 0просмотров

что быстрее? CSS3 переходы или анимации jQuery?

Я работаю над приложением iPad для HTML5 и уже внедрил поддержку ontouch для более быстрого запуска событий, и я использую jQuery для более удобного нацеливания на элементы, но для анимации я использую переходы CSS3 Как вы думаете, быстрее? ...

ЗаданMay 09, 2014, 7:05 PMотfernandopasikMoisés Olmedo
  • 17голосов
  • 4ответа
  • 0просмотров

Как равномерно распределить плавающие элементы с помощью динамического числа столбцов и строк в CSS?

У меня есть несколько div с фиксированной шириной и высотой (подумайте о каком-то виде каталога с фотографиями статьи). Теперь я хочу показать им подобное поведение float: left. Это гарантирует, что чем больше окно вашего браузера, тем больше ...

ЗаданMay 11, 2012, 8:58 AMотChristian Zeller
  • 260голосов
  • 3ответа
  • 0просмотров

Почему мы должны включать ttf, eot, woff, svg,… в font-face

ВCSS3 font-faceЕсть несколько типов шрифтов, таких какttf, eot, woff, svg а такжеcff. Почему мы должны использовать все эти типы? Если они особенные для разных браузеров, почему их число больше, чем число основных веб-браузеров?

ЗаданApr 20, 2017, 1:22 PMотTrixuser16948
  • 4голос
  • 1ответ
  • 0просмотров

Как настроить отзывчивые столбцы и поля ввода в загрузчике Twitter?

Главный вопрос, как настроить загрузочный отзывчивый CSS? Мой код частично работает, но я не могу это исправить. Это трудно объяснить, поэтому для лучшего понимания я сделал визуализацию, представленную на скриншотах. Я разместил актуальный ...

ЗаданMay 10, 2012, 5:36 PMотroza
  • 6голос
  • 1ответ
  • 0просмотров

Как запустить анимацию CSS3 в определенном месте?

Я использую анимацию CSS3, и я хочу иметь возможность перейти к определенной точке анимации. Например, если CSS выглядит так (и притворяется, что я использовал все правильные префиксы): @keyframes fade_in_out_anim { 0% { opacity: 0; } 25% { ...

ЗаданMay 10, 2012, 7:15 PMотJoel A. Shinness
  • 11голосов
  • 3ответа
  • 0просмотров

CSS3 линейный градиент не работает на Android.

Вопрос новичка здесь, но по некоторым причинам я не могу понять это. У меня есть следующий CSS, который отлично работает на моем iPhone, но не на моем Android. Глядя на демоверсии jQuery Mobile с android, я знаю, что он может справиться ...

ЗаданMay 10, 2012, 3:04 PMотEvanss
  • 93голосов
  • 6ответов
  • 0просмотров

Как применить переход CSS3 ко всем свойствам, кроме background-position?

Я хотел бы применить CSS-переход ко всем свойствам, кроме background-position. Я пытался сделать это так: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all ...

ЗаданSep 17, 2013, 2:24 AMотanimusonDine
  • 14голосов
  • 2ответа
  • 0просмотров

CSS3 переходы на псевдоэлементах (: after,: before) не работают?

Я показываюtitle атрибут ссылки на:hover, Атрибут title добавляется к ссылке через:after& # X2026; & # xA0; Теперь мне интересно, как я могу оживить непрозрачность:after псевдоэлемент при зависании и зависании. html <a class="link" href="#" ...

ЗаданJun 20, 2012, 11:12 PMотBoltClockmatt
Пред12...24След