Запитання з тегом «background-image»

Як я можу використовувати градієнти CSS3 для мого, background-colorа потім застосувати a, background-imageщоб застосувати якусь легку прозору текстуру?

1250 css  background-image  gradient 

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

777 html  css  image  background-image 

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

475 css  base64  background-image  data-uri 

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

467 css  background-image  css-filters 

Я маю фонове зображення в наступному розділі, але зображення відрізається: <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 

Я хочу показати зображення з URL-адреси з певною шириною та висотою, навіть якщо воно має інше співвідношення розмірів. Тому я хочу змінити розмір (підтримуючи співвідношення), а потім вирізати зображення до потрібного розміру. Я можу змінити розмір за допомогою imgвластивості html і можу вирізати background-image. Як я можу зробити те і …

333 html  css  background-image  image 

Чи можливо мати два фонових зображення? Наприклад, я б хотів, щоб одне зображення повторювалося вгорі (повторити-х), а інше повторювалося по всій сторінці (повторювалося), де одне на всій сторінці знаходиться поза тим, яке повторюється вгорі. Я виявив, що можу досягти бажаного ефекту для двох фонових зображень, встановивши фон html та body: …

316 css  background-image 

У мене є DIV, і я хотів би поставити візерунок як тло. Цей візерунок сірий. Щоб зробити це трохи приємніше, хотілося б нанести легкий прозорий кольоровий «шар». Нижче - те, що я спробував, але який не вийшов. Чи є спосіб нанести кольоровий шар на фонове зображення? Ось мій CSS: background: …

213 css  background-image  background-color 

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

196 css  responsive-design  background-image  image-resizing 

У мене є панель, яку я пофарбував у синій колір, якщо ця панель обрана (натиснута на неї). Додатково я додаю .pngна цю панель невеликий знак ( зображення), який вказує на те, що вибрана панель вже була обрана раніше. Отже, якщо користувач бачить, наприклад, 10 панелей і 4 з них мають …

169 css  background  background-image  background-color 

Чи можна встановити background-imageдля <path>елемента SVG ? Наприклад, якщо я встановив елемент 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 такі: …

141 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: background 1s; …

121 css  background  background-image  css-transitions 

Я хочу встановити фонове зображення на різні диви, але мої проблеми: Розмір зображення фіксований (60 пікселів). Різні розміри діва Як я можу розтягнути фонове зображення, щоб заповнити весь фон діва? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } Перевірте код тут.

102 css  html  background  background-image