Satz img als Hintergrund

Question

Ich mag würde wissen, wie ich meine background als Bild einstellen

<img src="" alt="sample" width="480" height="500" border="0"> 

mit Ich weiß, dass ich kein Bild Namen haben, ist, weil ich ein Bild von einem bin Kommissionierung Dropdown-Menü. Mein Problem ist, wie integriere ich den Code um als background image angezeigt zu werden.

Dies ist, was ich brauche, um es zu integrieren.

.container { 
    background-color: lightgrey; 
    width: 500px; 
    height: 500px; 
    border: 2px solid; 
    position: relative; 
    overflow: auto; 
} 

Answer 1

die background Eigenschaft gilt nicht für img Tag, weil img Tag wie bereits ein src ein Bild natürlich zu verwenden, wenn Sie also eine background anwenden möchten, dann wie div ein Element verwenden, dann Anwendung Eigenschaften in CSS.

Wenn Sie möchten, dass Sie von Drop-Down holen Klassen für die Verwendung von JS

$('select').change(function() { 
 
    $('.container').hide(); 
 
    $('#' + $(this).val()).show(); 
 
})

body { 
 
    margin: 0 
 
} 
 
.container { 
 
    width: 500px; 
 
    height: 500px; 
 
    border: 2px solid; 
 
    position: relative; 
 
    overflow: auto; 
 
} 
 
.red { 
 
    background: red 
 
} 
 
.green { 
 
    background: green 
 
} 
 
.blue { 
 
    background: blue 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option value="opt1">red</option> 
 
    <option value="opt2">green</option> 
 
    <option value="opt3">blue</option> 
 
</select> 
 
<div id="opt1" class="container red"></div> 
 
<div id="opt2" class="container green"></div> 
 
<div id="opt3" class="container blue"></div>