Remplacer l'image src emplacement à l'aide de CSS

J'ai un site qui a une image avec un attribut src et je voudrais changer la src emplacement de cette image avec une image de mon propre. L'image de la vie dans un div composant. Je ne peux pas modifier le code HTML et suis à la recherche de façons de le modifier à l'aide de CSS s'il vous plaît.

Div composant:

<div class="application-title">
<img style="margin-top: 3px;height: 45px;" src="image.svgz">
</div>

Composant de l'Image(fichier CSS):

.application-title IMG
{
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    opacity: 1;
    margin-left: 0px;
    visibility: hidden;
}
InformationsquelleAutor Neophile | 2015-03-03
  1. 37

    Vous pouvez utiliser une image d'arrière-plan

    CSS:

    .application-title img {
  width:200px;
  height:200px;
  box-sizing:border-box;
  padding-left: 200px;
  /*width of the image*/
  background: url(http://lorempixel.com/200/200/city/2) left top no-repeat;
}

    HTML:

    <div class="application-title">
  <img src="http://lorempixel.com/200/200/city/1/">
</div><br />
Original Image: <br />

<img src="http://lorempixel.com/200/200/city/1/">

    InformationsquelleAutor Pete
  2. 16

    Voici un autre sale hack 🙂 

    .application-title > img {
display: none;
}

.application-title::before {
content: url(path/example.jpg);
}
    • C'est le plus proche de la solution, mais il n'est pas possible à côté de l'image.
    InformationsquelleAutor matcygan
  3. 4

    Que vous pourriez faire cela, mais il est hacky

    .application-title {
   background:url("/path/to/image.png");
   /* set these dims according to your image size */
   width:500px;
   height:500px;
}

.application-title img {
   display:none;
}

    Ici est un exemple:

    http://jsfiddle.net/5tbxkzzc/

    • J'ai ajouté un jsfiddle. Dû ajouter de la largeur et de la hauteur, mais il fonctionne.
    InformationsquelleAutor lharby