As in the triangle on top of css to position the image(does not work)?

This code displays a triangle:
width: 0;
 height: 0;
 border-left: 60px solid transparent;
 border-right: 60px solid transparent;
 border-bottom: 60px solid #DB4437;


The usual seems to be the case - positioning on top of the triangle image, but it was not there...the image is displayed but is always behind the triangle

The image is in the same single block where the triangle In the triangle
Help pliz )

Complement the css looks like this:
width: 0;
 height: 0;
 border-left: 60px solid transparent;
 border-right: 60px solid transparent;
 border-bottom: 60px solid #DB4437;
 background-image: url(images/arrow-6.png);
 background-position: center;
 background-repeat: no-repeat;
left: 50%;
margin-left: -60px;
position: absolute;


The unit is located in the center
July 2nd 19 at 16:58
2 answers
July 2nd 19 at 17:00
Solution
This decision Yes, But if in the css of the triangle spelled out the picture There is a block in which there is nothing besides the triangle and pictures - estefania32 commented on July 2nd 19 at 17:03
: changed example - sigrid.Mann commented on July 2nd 19 at 17:06
: first I saw a Supplement - sigrid.Mann commented on July 2nd 19 at 17:09
July 2nd 19 at 17:02
if I understand correctly the question, this is solved with z-index:1 image
If in the css of the triangle spelled out the picture There is a block in which there is nothing besides the triangle and pictures - estefania32 commented on July 2nd 19 at 17:05
: then simply triangle with pseudo-element to do. you never know how the potential owner/user of the website wants to change the image. Yes, and so is itself easier to do - sigrid.Mann commented on July 2nd 19 at 17:08

Find more questions by tags CSS