Pytania oznaczone «background-image»

Jak użyć gradientów CSS3 do mojego, background-colora następnie zastosować a, background-imageaby zastosować jakąś lekką przezroczystą

Odpowiedzi na to pytanie są dziełem społeczności . Edytuj istniejące odpowiedzi, aby poprawić ten post. Obecnie nie akceptuje nowych odpowiedzi ani interakcji. W jakich sytuacjach lepiej jest użyć IMGtagu HTML do wyświetlenia obrazu, zamiast CSS background-imagei...

Patrzyłem na źródło skryptu użytkownika fatmonkey i zauważyłem w swoim css: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7)...

Mam plik JPEG, którego używam jako obraz tła dla strony wyszukiwania, i używam CSS, aby go ustawić, ponieważ pracuję w kontekstach Backbone.js : background-image: url("whatever.jpg"); Chcę zastosować filtr rozmycia CSS 3 tylko do tła, ale nie jestem pewien, jak stylizować tylko ten jeden element....

Mam obraz tła w poniższym div, ale obraz zostaje obcięty: <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"> Czy istnieje sposób na pokazanie obrazu tła bez jego...

Chcę wyświetlić obraz z adresu URL o określonej szerokości i wysokości, nawet jeśli ma inny współczynnik rozmiaru. Chcę więc zmienić rozmiar (zachowując współczynnik), a następnie przyciąć obraz do pożądanego rozmiaru. Mogę zmienić rozmiar za pomocą imgwłaściwości HTML i mogę wycinać...

Czy można mieć dwa obrazy tła? Na przykład, chciałbym, aby jedno zdjęcie powtórzyło się u góry (powtórz x), a drugie powtórzyło na całej stronie (powtórz), gdzie jedno na całej stronie znajduje się za tym, które powtarza się u góry. Przekonałem się, że mogę uzyskać pożądany efekt dla dwóch obrazów...

Mam DIV i chciałbym umieścić wzór jako tło. Ten wzór jest szary. Aby było trochę przyjemniej, chciałbym nałożyć na siebie „warstwę” jasnego, przezroczystego koloru. Poniżej jest to, co próbowałem, ale które nie działało. Czy istnieje sposób na nałożenie kolorowej warstwy na obraz tła? Oto mój...

Mam stronę internetową (g-floors.eu) i chcę, aby tło (w css zdefiniowałem obraz bg dla treści) również było responsywne. Niestety tak naprawdę nie mam pojęcia, jak to zrobić, z wyjątkiem jednej rzeczy, o której mogę myśleć, ale jest to całkiem obejście. Tworzenie wielu obrazów, a następnie używanie...

Mam panel, który pokolorowałem na niebiesko, jeśli ten panel jest zaznaczony (kliknąłem na nim). Dodatkowo dodaję mały znak ( .pngobrazek) do tego panelu, który wskazuje, że wybrany panel był już wcześniej wybrany. Jeśli więc użytkownik widzi np. 10 paneli, a 4 z nich mają ten mały znak, to wie,...

Czy można ustawić background-imagedla <path>elementu SVG ? Na przykład, jeśli ustawię element class="wall", styl CSS .wall {fill: red;}działa, ale .wall{background-image: url(wall.jpg)}też nie .wall {background-color:

Chcę obrócić obraz, który jest umieszczony na przycisku paska przewijania w Chrome. Teraz mam CSS z taką zawartością: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg);...

Moim celem jest stworzenie strony HTML podobnej do „ramki na zdjęcia”. Innymi słowy, chcę zrobić pustą stronę otoczoną 4 obrazkami. To jest mój kod: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td...

Próbuję uzyskać efekt „zanikania, zanikania”, używając przejścia CSS. Ale nie mogę zmusić tego do pracy z obrazem tła ... CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s;...

To pytanie zadawano już wcześniej, ale w moim przypadku rozwiązanie nie ma zastosowania. Chcę się upewnić, że określone obrazy tła są drukowane, ponieważ stanowią integralną część strony. (Nie są to obrazy bezpośrednio na stronie, ponieważ kilka z nich jest używanych jako sprite'y CSS). Inne...

Chcę ustawić obraz tła na różne elementy div, ale moje problemy są następujące: Rozmiar obrazu jest stały (60 pikseli). Różny rozmiar div Jak mogę rozciągnąć obraz tła, aby wypełnić całe tło elementu div? #div2{

Mam proste rozszerzenie do przeglądarki Chrome, które używa funkcji skryptu zawartości do modyfikowania witryny internetowej. Dokładniej rzecz biorąc, background-imagewspomniana witryna. Z jakiegoś powodu nie mogę używać lokalnych obrazów, mimo że są one spakowane w rozszerzeniu. body {...

Próbuję utworzyć przycisk z selektorem, mój przycisk może mieć następujące stany: Włączony wyłączony Wciśnięty / Nie wciśnięty Według wyżej wymienionych stanów. Muszę manipulować przyciskami: Kolor tekstu zdjęcie w tle Przycisk zaczyna być wyłączony, więc powinien mieć wyłączony...

Chcę dynamicznie zmieniać tło w JS, a mój zestaw obrazów jest zakodowany w formacie base64. Próbuję: document.getElementById("bg_image").style.backgroundImage = "url('http://amigo.com/300107-2853.jpg')"; z doskonałym wynikiem, jednak nie robię tego samego z:

imgz srcsetatrybutem wygląda na świetny sposób na tworzenie responsywnych obrazów. Czy istnieje równoważna składnia, która działa we background-imagewłaściwości CSS ? HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background:...