Вопросы по теме 'css-content'

Можете ли вы применить ширину к псевдоэлементу: before /: after (content: url (image))?
Это в дополнение к моему недавнему вопросу: Можно ли использовать псевдоэлементы, чтобы содержащие элементы оборачивались вокруг абсолютно позиционированного элемента (например, clearfix)? JSFiddle: http://jsfiddle.net/derekmx271/T7A7M/ Я...
21610 просмотров

оформление флажка формы css с помощью тегов checked и after
Я пытаюсь создать форму без использования JavaScript или JQuery. Он включает в себя ряд флажков. Идея состоит в том, чтобы после флажка отображать некий gif, если он не установлен. В противном случае ничего не отображать после него. Это код,...
35307 просмотров

Счетчики псевдоэлементов CSS: можно ли увеличить букву алфавита a, b, c и т. д. вместо числа?
Как определено здесь: http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment Вы можете использовать следующий код для увеличения чисел в псевдоэлементах. H1:before { content: "Chapter " counter(chapter) ". ";...
26350 просмотров
schedule 22.05.2022

Параллакс прокручивает фоновое изображение в постоянный вид
Эффект, к которому я стремлюсь, я могу сравнить только с эффектом верхней навигации Google+ и с некоторым параллаксом. То есть, когда вы прокручиваете вниз, строка поиска исчезает, а слева от вас появляется небольшая «панель инструментов». Я нашел...
1119 просмотров

Как свойство CSS `content` работало для элемента `img` в WebKit?
Давным-давно существовал проект спецификации сгенерированного контента CSS3, в котором разрешалось свойство content для любого элемента HTML (не только для псевдоэлементов ::before/::after), без каких-либо формальных ограничений для пустых или...
1894 просмотров
schedule 11.09.2022

CSS: использование атрибута данных в качестве URL контента
Итак, у меня есть div, который позволяет отображать QR-код текущего URL-адреса страницы: .page-qr:before { content: url(https://chart.googleapis.com/chart?cht=qr&chs=100x100&chl=<?php echo current_page(); ?>?choe=UTF-8); height:...
2718 просмотров
schedule 20.06.2023

Инструменты разработчика Google Chrome удаляют элементы :after из DOM, когда :after display не имеет значения
Моя проблема связана с Google Chrome Dev Tools, когда я хочу на мгновение установить display: none; на after в DOM, но Chrome удаляет все afters элементы из DOM, и я не могу снова получить к ним доступ. Моя версия Chrome последняя. Есть ли...
749 просмотров