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

Я хочу установить фоновое изображение для разных div, но мои проблемы: Размер изображения фиксированный (60 пикселей). Различный размер div Как я могу растянуть фоновое изображение, чтобы заполнить весь фон div? #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 

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

99 css  google-chrome-extension  background-image 

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

98 android  xml  button  selector  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..."; Есть ли способ это сделать?

91 javascript  base64  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 

imgwith srcsetattribute выглядит как отличный способ создания адаптивных изображений. Есть ли эквивалентный синтаксис, который работает в 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% ширину (дизайн показывает, что оно всегда идет от края к краю). Очевидно, что в зависимости от ширины экрана высота изображения будет соответственно изменяться. Первоначально …

89 html  css  background-image  responsive  responsive-images 

У меня есть кнопка, при нажатии на которую я хочу предупредить background-imageURL-адрес #div1. Является ли это возможным?

88 jquery  url  html  background-image 

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

87 html  css  background  background-image