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

Це питання було задано раніше, але рішення не застосовується в моєму випадку. Я хочу переконатися, що певні фонові зображення друкуються, оскільки вони є невід'ємними частинами сторінки. (Вони не є зображеннями безпосередньо на сторінці, оскільки декілька з них використовуються як спрати CSS.) Ще одне рішення цього ж питання пропонує використовувати list-style-image, …

102 css  printing  background-image 

У мене є просте розширення Chrome, яке використовує функцію сценарію вмісту для зміни веб-сайту. Точніше, background-imageзазначений веб-сайт. З якихось причин я не можу використовувати локальні зображення, навіть якщо вони упаковані в розширення. body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } Ось і все, найпростіший CSS ... але це …

98 css  google-chrome-extension  background-image 

Я намагаюся зробити кнопку за допомогою селектора, моя кнопка може мати наступні стани: Увімкнено / Вимкнено Пресований / Непресований Відповідно до згаданих вище держав. Мені потрібно маніпулювати кнопками: Колір тексту фонове зображення Кнопка починається з мого відключення, тому вона повинна мати відключений textColor та фон відключеної кнопки. Але я бачу …

98 android  xml  button  selector  background-image 

Я намагаюся отримати фонове зображення елемента HTML (body, div тощо), щоб розтягнути його на всю ширину та висоту. Не маючи великої удачі. Це взагалі можливо, чи мені це потрібно робити іншим способом, крім фонового зображення? Мій поточний css: body { background-position: left top; background-image: url(_images/home.jpg); background-repeat: no-repeat; } Заздалегідь спасибі. …

89 html  css  background-image 

imgз srcsetатрибутом виглядає як чудовий спосіб зробити чуйні зображення. Чи існує еквівалентний синтаксис, який працює у background-imageвластивості css ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

89 html  css  background-image  srcset 

Зараз я працюю над мобільною цільовою сторінкою компанії. Це справді базовий макет, але під заголовком є ​​зображення товару, яке завжди матиме 100% ширини (дизайн показує, що воно завжди йде від краю до краю). Залежно від ширини екрану висота зображення, очевидно, буде відповідно регулюватися. Спочатку я зробив це з img (із …

89 html  css  background-image  responsive  responsive-images 

У мене є кнопка, при натисканні якої я хочу попередити background-imageURL-адресу #div1. Це можливо?

88 jquery  url  html  background-image 

Скажімо, маю <div class="myDiv">Hi there</div> Я хочу поставити a background-imageі надати йому значення opacityof 0.5- але я хочу, щоб написаний мною текст мав повну прозорість ( 1). Якби я писав CSS так .myDiv { opacity:0.5 } все буде з низькою непрозорістю - і я цього не хочу. Тож моє запитання …

86 html  css  background  background-image 

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

85 javascript  base64  background-image 

Я планую створити власну фотогалерею для друга, і я точно знаю, як буду створювати HTML, проте я стикаюся з невеликою проблемою з CSS. (Я б вважав за краще, щоб стиль сторінки не покладався на jQuery, якщо це можливо) Моє запитання стосується: Data-AttributeHTML Background-imageу CSS Я використовую цей формат для своїх …

83 css  background-image  custom-data-attribute 

У мене три проблеми: Коли я намагався використовувати фонове зображення у div меншого розміру, div відображає лише частину зображення. Як я можу показати повну або певну частину зображення? У мене менше зображення, і я хочу використовувати його у більшому div. Але не хочу використовувати функцію повторення. Чи існує якийсь спосіб …

79 css  background-image  opacity