Ich fand This Tutorial für Größe Hintergrund von button
. Ich ändere dies für die automatische Breite Größe Bilder von DIV
, aber dies nicht funktioniert. Wie behebe ich das? Ich muss den Bildhintergrund von div ändern.
Originaldemo: HERE Bearbeitete Demo: HERE Danke.Größe ändern Bildhintergrund von div
Antwort
ändern Sie button em
zu .home em
in Ihrem Stylesheet. Wenn Sie möchten, dass es auf die Größe des Textes verkleinert wird, fügen Sie display:inline-block
zu den Regeln hinzu.
Die Schaltfläche Bild ist nicht breit genug, um Ihre gesamte div
zu decken. Machen Sie das Bild entweder breiter (bearbeiten Sie es und laden Sie es erneut hoch), oder machen Sie das div schmaler.
Sie sehen Original Demo? Ich bearbeite Schaltflächenbilder nicht. siehe Original-Demo –
Ja, die ursprüngliche Demo verwendet Elemente, die eine geringere Breite als das Bild haben und daher funktionieren sie. –
jetzt! Was schlägst du zu diesem Thema vor? –
- 1. Größe eines DIV von zwei Enden ändern
- 2. Größe ändern div aber behalten Maße
- 3. Größe ändern Schriftgröße in div behoben werden
- 4. CSS-Schalter div Positionen auf Größe ändern
- 5. Dynamisch Größe ändern, um div zu füllen
- 6. Ändern Sie die Größe von Div beim Zoomen auf Android?
- 7. Div Größe Automatisch Größe des Inhalts
- 8. Zufälliger Bildhintergrund mit jQuery
- 9. jScrollPane Größe ändern
- 10. Highcharts: Kreis mit Bildhintergrund
- 11. Hintergrundbild Größe selbst ändern
- 12. Ändern der Größe von FlexBox-Containern
- 13. Bootstrap Karussell Größe ändern
- 14. CSS: Auto Größe ändern div, um Container Breite
- 15. Größe ändern div mit JavaScript sieht falsch aus
- 16. Ändern der Größe von UIViews
- 17. Prevent Bootstrap navbar von Ändern der Größe
- 18. CSS: Größe ändern div Breite nach Eltern Breite
- 19. Ändern der Größe <video> Element Eltern div
- 20. Hintergrund in div ist Ändern der Größe nicht in Bootstrap
- 21. Skript Größe ändern Webseite
- 22. Reagieren Größe ändern Komponenten
- 23. Abwechselnd zwischen Video und Bildhintergrund
- 24. Div Splitter Größe Probleme
- 25. JPanel mit Bildhintergrund
- 26. Bildhintergrund für Leinwand Partikel
- 27. Bildhintergrund in css
- 28. Wiederherstellen der Größe von div Vollbild
- 29. Ändern der Größe Grenze unten
- 30. mobile Tastatur Größe ändern Ansichtsfenster
ich ändere das. aber das hat mein Problem nicht behoben! siehe neu bearbeitet http://jsfiddle.net/33m4p/2/ –
es funktioniert gut, entweder haben Sie ein browserspezifisches Problem oder Sie haben das Problem nicht klar definiert. Was ich sehe, ist ein Knopf, der die Breite der Seite mit abgerundeten Kanten auf beiden Seiten füllt. Das sagt "width: auto"/"display: block" dazu. Wenn Sie möchten, dass der Text um den Text verkleinert wird, müssen Sie 'display: inline-block' im div verwenden. – SpliFF
ja, jetzt funktioniert. +1 –