Entfernen von Leerraum um Bild - CSS

Ich versuche, Bild von odoo Datenbank zu bekommen, um das Bild in div Hintergrund zu zeigen, aber mein Bild hat Leerraum um es herum, also muss ich diesen weißen Raum entfernen, um div Hintergrundbild anzuwenden ,Entfernen von Leerraum um Bild - CSS

MyCode:

<div t-attf-style="text-align:center;background:url('/web/image/event.event.ticket/#{doc.event_ticket_id.id}/image_medium') no-repeat; 
       font-size:#{doc.event_ticket_id.font_size}px;width:50%;height:900px;float:left;background-size:500px 900px;display:table;"> 
        <span style="vertical-align:middle;text-align:center;display:table-cell;" t-esc="doc.name"></span> 

       </div>

Wie weiße Flächen um Bilder mit CSS entfernen?

Quelle

2017-06-19 US-1234

Können Sie vielleicht einen Code zur Verfügung stellen, die wir hier betreiben? Mit einem Link zu Ihrem Bild usw. –

Was Sie brauchen, ist 'Hintergrund-Größe: cover;', gehen Sie überprüfen [Ihre Optionen] (https://developer.mozilla.org/en/docs/Web/CSS/background-size? v = Kontrolle). – skobaljic

@skobaljic ich habe versucht, aber es funktioniert nicht, –

Vielleicht eines dieser Code versuchen:

img{vertical-align:bottom}

oder

img { vertical-align: top; }

oder

html, body { 
    margin: 0; 
    padding: 0; 
}

Hoffe, es half.

Quelle

2017-06-19 08:53:06

Sie können so etwas wie dieses

.main{ 
 
text-align:center; 
 
background:url('https://i.stack.imgur.com/hQPzy.png') no-repeat; 
 
font-size:12px; 
 
width:50%; 
 
height:900px; 
 
float:left; 
 
background-size:500px 900px; 
 
display:table; 
 
background-position:-50px -35px; 
 
}

<div class="main"> 
 
    <span style="vertical-align:middle;text-align:center;display:table-cell;"> Content</span> 
 

 
       </div>

Sie haben aber versuchen Größe der weißen Raum von Bildern kennen. Dann kannst du (-) die Position.

Quelle

2017-06-19 09:46:28

Ich habe etwas versucht. Bitte überprüfen Sie, dass dies für Sie in Ordnung ist. Hier habe ich versucht, Hintergrundposition und Hintergrundgröße einzustellen. Rest alles kann variieren wie div's Breite und Höhe.

.back{ 
 
    background: url('https://i.stack.imgur.com/hQPzy.png'); 
 
    height: 200px; 
 
    width: 200px; 
 
    background-size: 130% 150%; 
 
    border: 1px solid black; 
 
    background-position: 42% 15%; 
 
}

<div class="back"></div>

Quelle

2017-06-19 11:46:09 xxCodexx

Entfernen von Leerraum um Bild - CSS

Antwort

Verwandte Themen