Tag: css

Как заставить браузеры печатать фоновые изображения в CSS?

Этот вопрос задавали раньше, но решение не применимо в моем случае. Я хочу, чтобы определенные фоновые изображения были напечатаны, потому что они являются неотъемлемой частью страницы. (Они не являются изображениями непосредственно на странице, потому что некоторые из них используются в качестве спрайтов CSS.) Другое решение по тому же вопросу предлагает использовать list-style-image , который работает […]

Удалить верхний и нижний колонтитулы из windows .print ()

Я использую window.print () для печати страницы, но у меня заголовок и нижний колонтитул содержат заголовок страницы, путь к файлу, номер страницы и дату. Как их удалить? Я также попробовал таблицу стилей печати. #header, #nav, .noprint { display: none; } Пожалуйста помоги. Благодарю.

Что означает «i» в селекторе атрибутов CSS?

Я нашел следующий CSS-селектор в таблице стилей пользователя для пользователей Google Chrome: [type=”checkbox” i] Что i имею в виду?

Переходы CSS3: «Переход: все» медленнее, чем «переход: x»?

У меня вопрос о скорости рендеринга для свойства перехода css3. Предположим, что у меня есть ряд элементов: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Гораздо эффективнее нацеливать все переходы для всех этих элементов, используя одно объявление div, […]

Скрипты для сайтов в стилях CSS

Можно ли использовать межсайтовый скриптинг в CSS-таблице стилей? Например, эталонная таблица стилей содержит вредоносный код, как бы вы это сделали? Я знаю, что вы можете использовать tags стиля, но как насчет стилей?

тень только снизу css3

Есть ли способ бросить тень только на дно ?. У меня есть меню с 2 изображениями рядом друг с другом. Мне не нужна правильная тень, потому что она перекрывает правильный образ. Я не люблю использовать изображения для этого, так что есть способ отбросить его только внизу: box-shadow-bottom: 10px #FFF; или похожие? -moz-box-shadow: 0px 3px 3px […]

как правильно отображать iFrame в мобильном safari

Я пытаюсь отобразить iframe в своем мобильном веб-приложении, но у меня возникают проблемы с ограничением размера iframe в размерах экрана iPhone. Атрибуты высоты и ширины в элементе iframe кажутся неэффективными, как ни странно. Окружать его с div удается ограничить его, но тогда я не могу прокручивать внутри iframe. Кто-нибудь раньше занимался iframe в мобильном safari? […]

Градиенты в Internet Explorer 9

Кто-нибудь знает префикс поставщика для gradleиентов в IE9, или мы все еще должны использовать их проприетарные фильтры? Что у меня для других браузеров: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=’#444444′, EndColorStr=’#999999′); /* IE6,IE7 */ -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorStr=’#444444′, EndColorStr=’#999999′)”; /* IE8 */ В качестве бонуса […]

Управление штриховой длиной штриха и расстоянием между штрихами

Можно ли контролировать длину и расстояние между штриховыми штрихами штрихов в CSS? В этом примере ниже отображаются разные браузеры: div { border: dashed 4px #000; padding: 20px; display: inline-block; } I have a dashed border! Большие отличия: IE 11 / Firefox / Chrome Существуют ли какие-либо методы, которые могут обеспечить больший контроль над появлением штриховых […]

Создание эффекта масштабирования изображения при наведении с помощью CSS?

В настоящее время я пытаюсь создать эффект масштабирования при наведении курсора на одно из четырех моих изображений. Проблема состоит в том, что большинство примеров обычно используют таблицы или маски для применения какого-либо эффекта. Вот один пример, который реализует то, что мне хотелось бы. Это мой код до сих пор. HTML CSS #menu { max-width: 1200px; […]

Давайте будем гением компьютера.