Hallo Zusammen,
meine Frage ist etwas knifflig. Genau das richtig für einen Tüftler. Ich habe hier eine Seite mit einem Grid (1 Zeile, 3 Spalten)
Wie man sieht, versuche ich als Rahmen ein Bild zu verwenden. Ein hausähnliches Bild und der Inhalt soll dynamisch bleiben.
So dass immer aktuelle News in den jeweiligen Häusern zu sehen sind.
Das Problem ist aber, dass das Bild hinter der Box liegt und nicht obendrauf. Ferner soll es eigentlich ein border-image sein.
Das habe ich schon versucht. Meine CSS sieht so aus:
.vc_gitem-animated-block {border-left-width: 0px;
border-left-style: solid;
border-color: #000000;
border-image: url("http://web.yogastuff.de/wp-content/uploads/2015/07/haus1.png") !important;
background-image: url("http://web.yogastuff.de/wp-content/uploads/2015/07/haus1.png" ); width: 100%;
/*background-image: url("http://web.yogastuff.de/wp-content/plu…gitem_image.png"); display:none;*/
height: 600px;
background-repeat: none;
}
die CSS border-image scheint nämlich so nicht zu funktionieren. Weiß jemand Rat?
Viele Grüße
Matthias