Вопросы с тегом «background-image»

Как мне использовать CSS3-градиенты для моего, background-colorа затем применить a, background-imageчтобы применить какую-то легкую прозрачную

Ответы на этот вопрос - работа сообщества . Отредактируйте существующие ответы, чтобы улучшить этот пост. В настоящее время он не принимает новые ответы или взаимодействия. В каких ситуациях более целесообразно использовать HTML- IMGтег для отображения изображения, а не CSS-код background-imageи...

Я смотрел на источник пользовательского скрипта greasemonkey и заметил следующее в их css: .even { background: #fff

У меня есть файл JPEG, который я использую в качестве фонового изображения для страницы поиска, и я использую CSS, чтобы установить его, потому что я работаю в контекстах Backbone.js : background-image: url("whatever.jpg"); Я хочу применить CSS 3 фильтр размытия только к фону, но я не уверен, как...

Я хочу показать изображение из URL с определенной шириной и высотой, даже если оно имеет другое соотношение размеров. Поэтому я хочу изменить размер (сохранить соотношение), а затем обрезать изображение до нужного размера. Я могу изменить размер с помощью imgсвойства HTML, и я могу сократить с...

У меня есть фоновое изображение в следующем div, но изображение обрезается: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> Есть ли способ показать фоновое изображение, не обрезая...

Возможно ли иметь два фоновых изображения? Например, я хотел бы, чтобы одно изображение повторялось сверху (repeat-x), а другое повторялось по всей странице (repeat), где одно изображение на всей странице находится позади того, которое повторяется сверху. Я обнаружил, что могу добиться желаемого...

У меня есть DIV, и я хотел бы использовать шаблон в качестве фона. Этот шаблон серый. Поэтому, чтобы сделать его немного приятнее, я бы хотел нанести легкий прозрачный цветной «слой» поверх. Ниже я попробовал, но это не сработало. Есть ли способ нанести цветной слой поверх фонового изображения? Вот...

У меня есть веб-сайт (g-floors.eu), и я хочу, чтобы фон (в css я определил bg-изображение для контента) также был адаптивным. К сожалению, я действительно не имею ни малейшего представления о том, как это сделать, кроме одной вещи, о которой я могу думать, но это довольно обходной путь. Создание...

У меня есть панель, которую я покрасил в синий цвет, если эта панель выбирается (щелкнул по ней) Кроме того, я добавляю небольшой значок ( .pngизображение) на эту панель, который указывает, что выбранная панель уже была выбрана ранее. Поэтому, если пользователь видит, например, 10 панелей, и у 4 из...

Можно ли установить элемент background-imageSVG <path>? Например, если я устанавливаю элемент class="wall", стиль CSS .wall {fill: red;}работает, но .wall{background-image: url(wall.jpg)}не работает, ни то, ни другое .wall {background-color:...

Я хочу повернуть изображение, которое находится на кнопке полосы прокрутки в Chrome. Теперь у меня есть CSS с этим содержанием: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg);...

Моя цель - создать HTML-страницу, похожую на «фоторамку». Другими словами, я хочу создать пустую страницу, окруженную 4 картинками. Это мой код: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td...

Я пытаюсь создать эффект постепенного появления и исчезновения с помощью перехода CSS. Но я не могу заставить это работать с фоновым изображением ... CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background...

Этот вопрос задавался раньше, но в моем случае решение неприменимо. Я хочу, чтобы определенные фоновые изображения были напечатаны, потому что они являются неотъемлемой частью страницы. (Они не являются изображениями непосредственно на странице, потому что некоторые из них используются как спрайты...

Я хочу установить фоновое изображение для разных div, но мои проблемы: Размер изображения фиксированный (60 пикселей). Различный размер div Как я могу растянуть фоновое изображение, чтобы заполнить весь фон div? #div2{...

У меня есть простое расширение Chrome, которое использует функцию сценария содержимого для изменения веб-сайта. В частности,background-image упомянутый веб-сайт. По какой-то причине я не могу использовать локальные изображения, даже если они упакованы в расширение. body { background: #000...

Я пытаюсь создать кнопку с помощью селектора, моя кнопка может иметь следующие состояния: Включено выключено Нажат / не отжат По состояниям, упомянутым выше. Мне нужно манипулировать кнопкой: Цвет текста изображение на заднем плане Кнопка начинается с того, что я отключен, поэтому у нее должен...

Я хочу динамически изменять фон в JS, и мой набор изображений закодирован в base64. Я пытаюсь: document.getElementById("bg_image").style.backgroundImage = "url('http://amigo.com/300107-2853.jpg')"; с отличным результатом, но я не могу сделать то же самое с:...

imgwith srcsetattribute выглядит как отличный способ создания адаптивных изображений. Есть ли эквивалентный синтаксис, который работает в background-imageсвойстве css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background:...