CSS - Kann ich das Hintergrundbild durch Ändern der Breite und Höhe verändern? - css

Angesichts der folgenden CSS-Regel

#block1 {
text-indent: -1000em;
background: transparent url(../images/xxx.png) no-repeat scroll center center;
width: 100px;
height: 50px;
display: inline-block;
}

Angenommen, das Bild xxx.png hat die Dimension 100px mal 50px. Wenn dieses Bild auf # block1 angezeigt werden muss, sieht es kleiner aus. Kann ich einfach die Breite und Höhe von # block1 ändern?

Danke

Antworten:

Sie können nicht in CSS1 und 2, aber CSS3 unterstützt das Hintergrundgröße Eigenschaft, die, wenn Sie auf 100% setzen, Ihnen das geben, wonach Sie suchen.

Sie sollten jedoch wahrscheinlich nur das Hintergrundbild in der Größe ändern, es sei denn, Sie haben einen zwingenden Grund, dies nicht zu tun :)

CSS kann das Bild nur positionieren, nicht anpassen. Wenn Sie das Bild unbedingt mit CSS skalieren müssen, müssen Sie das Bild tatsächlich als img markieren und hinter dem Inhalt platzieren. Es ist am besten, es nur zu bearbeiten.

Nein, das Bild scheint nur abgeschnitten zu sein.