Czy można dodać border-radius
na background-image
?Promień obramowania na obrazie tła
Odpowiedz
Spróbuj
div {
border: 10px solid white;
-moz-border-radius: 10px;
background:url(map_background_box_right.png);
}
dla crossbrowser, którego potrzebujesz -moz-border-radius: 50px; a jeśli musisz zoptymalizować stare, to znaczy, nie możesz tego zrobić bez zewnętrznych skryptów, takich jak pie.htc [link] (http://css3pie.com/) –
Tak to jest możliwe:
div {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: none;
width: 500px;
height: 335px;
background: url(http://themescompany.com/wp-content/uploads/2012/02/6402.jpg);
}
To jest miłe, ale co by było, gdybym dodał ' tło pozycja: 50px tło-powtórzyć: bez powtórzeń'. Obraz tła to ** tylko ** przycięty przez obramowanie elementu div. –
Myślę, że nie ma sposobu, aby dodać promień obramowania bezpośrednio do obrazu tła, ale można to zrobić za pomocą kodu: http://jsfiddle.net/fbDZb/8/ –
David Czinege, dzięki, niestety szukałem rozwiązanie bez dodatkowego elementu div. Dzięki i tak :-) –
- 1. Promień obramowania CSS3 na płótno HTML5
- 2. Promień obramowania dla wszystkich przeglądarek?
- 3. Czy mogę umieścić promień obramowania na obrazie przed lub po pseudoobiekcie?
- 4. Jak zmienić promień obramowania modala początkowego?
- 5. Zanikanie w obrazie tła
- 6. Czytanie tekstu na arbitralnym obrazie tła
- 7. Jak zastosować promień obramowania w przeglądarkach IE8 i poniżej IE8?
- 8. Promień obramowania Webkit w połączeniu z css3 translate3D krwawienie
- 9. UItextfiled jak zrobić promień obramowania i zachować cień granicy również promień
- 10. Przycisk odtwarzania pojawia się na obrazie tła na urządzeniach mobilnych.
- 11. Jak uzyskać promień obramowania z elementu za pomocą jQuery?
- 12. Ustawianie tła obramowania z powiązaniem szablonu
- 13. Promień brzegu i cień na ImageView
- 14. Promień krawędzi CSS nie działa na iOS
- 15. Elastyczne obrazy umieszczone na obrazie
- 16. Dlaczego promień obramowania nie działa poprawnie na wejściach tekstowych w MobileSafari?
- 17. Jak uzyskać kolorowy kolor na obrazie?
- 18. Wstawienie obramowania z promieniem CSS3
- 19. Dodawanie koloru tła i promienia obramowania do układu
- 20. Promień obramowania + przepełnienie ukryty + element wewnętrzny (pasek postępu) sprawia, że postrzępione krawędzie artefaktów
- 21. Promień obramowania flexslider nie jest zawijany w przeglądarce Chrome, Safari, ale będzie w przeglądarce Firefox
- 22. Czy mogę zastosować gradient webkit do obramowania lub tylko tła?
- 23. Jak rozpoznać różne obiekty na obrazie?
- 24. Określanie promienia obramowania UITextField w Swift
- 25. Możliwe, że promień obramowania będzie równy połowie całkowitej wysokości bez JavaScript?
- 26. Tworzenie nakładki siatki na obrazie
- 27. Jak wyłączyć podświetlenie na obrazie
- 28. golang: drukuj tekst na obrazie
- 29. Link nie działa na obrazie?
- 30. Jak utworzyć warstwę na obrazie?
obraz tła div, tło obrazu rzeczywistej strony ..? Co masz na myśli? Potrzebujesz więcej informacji. – Bart
Jak to możliwe, że pytanie to zostało dwukrotnie poprawione? Jest bardzo niskiej jakości. Czy próbowałeś już czegoś? Czy próbowałeś to zrobić Google? Jaka jest twoja definicja "obrazu tła", ponieważ jak wspomniał już @Bart, czy jest to tło twojego 'ciała', przypadkowego' div', a może nawet elementu 'pre'? Proszę być bardziej konkretnym. – Jelmer
1. Obraz tła elementu div 2. Nie chcę przycinać obrazu tła za pomocą border-radius ustawionego na div, ponieważ obraz tła znajduje się pośrodku i nie dotyka granicy div, więc obraz tła nie jest " t przycięte. –