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

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

1251 css  background-image  gradient 

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

777 html  css  image  background-image 

Я смотрел на источник пользовательского скрипта greasemonkey и заметил следующее в их css: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} Я могу оценить, что скрипт greasemonkey захочет объединить все, что может в исходном коде, а не размещать его на сервере, это достаточно очевидно. Но так как я не видел эту …

475 css  base64  background-image  data-uri 

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

467 css  background-image  css-filters 

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

334 html  css  background-image  image 

У меня есть фоновое изображение в следующем 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"> Есть ли способ показать фоновое изображение, не обрезая его?

334 html  css  background-image 

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

316 css  background-image 

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

213 css  background-image  background-color 

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

197 css  responsive-design  background-image  image-resizing 

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

169 css  background  background-image  background-color 

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

166 html  css  image  svg  background-image 

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

160 css  background-image  image-rotation 

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

145 html  css  html-table  background-image 

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

122 css  background  background-image  css-transitions 

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

104 css  printing  background-image