Pytania otagowane jako background-image

Właściwość CSS background-image ustawia jeden lub więcej obrazów tła dla elementu.

30
Kiedy stosować obraz tła IMG vs. CSS?
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 odwrotnie? Czynniki mogą obejmować dostępność, obsługę przeglądarki, zawartość dynamiczną lub wszelkiego rodzaju ograniczenia techniczne …
12
Czy osadzanie danych obrazu tła w CSS jest dobrą czy złą praktyką Base64?
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) repeat-x bottom} Rozumiem, że skrypt fatmonkey chciałby spakować wszystko, co może w źródle, zamiast hostować go na serwerze, co jest dość oczywiste. Ponieważ jednak wcześniej nie widziałem tej techniki, rozważałem jej zastosowanie i wydaje …
17
Jak zastosować filtr CSS do obrazu tła
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. Jeśli spróbuję: -webkit-filter: blur(5px); -moz-filter: blur(5px); …
4
Dopasuj obraz tła do div
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 odcinania?
19
CSS Wyświetl obraz zmieniony i przycięty
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ć background-image. Jak mogę to zrobić? Przykład: Ten obraz: Ma rozmiar …
8
Czy mogę mieć wiele obrazów tła za pomocą CSS?
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 tła, …
14
Półprzezroczysta warstwa koloru na tle obrazu?
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 CSS: background: url('../img/bg/diagonalnoise.png'); background-color: rgba(248, …
19
Responsywne obrazy tła css
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 rozmiaru ekranu css do …
10
CSS: obraz tła na kolor tła
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, że …
5
Jak obrócić obraz tła w kontenerze?
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); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } Chcę obrócić obraz bez obracania jego zawartości.
6
Jak całkowicie usunąć obramowanie z tabeli HTML
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 class="middle"> </td> <td class="bRight"> </td> </tr> <tr> <td class="bBottom" colspan="3"> </td> </tr> </table> A …
13
Przejście obrazu tła CSS3
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; -moz-transition: background 1s; -o-transition: background 1s; transition: background 1s; } .title …
12
Jak zmusić przeglądarki do drukowania obrazów tła w CSS?
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 rozwiązanie tego samego pytania sugeruje użycie …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.