Как удалить фоновое изображение в наклонном слое (CSS)?

m пытаюсь отобразить фотографию профиля, как это / - / (косые черты представляют наклон, используя skewX, дефис представляет горизонтально выровненное фоновое изображение).

Проблема в том, что этот код также искажает фоновое изображение:

.photo {
transform: skewX(35deg); 
-ms-transform: skewX(35deg); /* IE 9 */
-webkit-transform: skewX(35deg); /* Safari and Chrome */
width: 100px; 
height: 92px; 
border-right: 1px solid black; 
border-left: 1px solid black; 
background-image: url('silhouette.png'); 
background-repeat: no-repeat; 
background-position: top left; 
}

...


мы попытались изменить фоновый перекос так:

.photo {
transform: skewX(35deg); 
-ms-transform: skewX(35deg); /* IE 9 */
-webkit-transform: skewX(35deg); /* Safari and Chrome */
width: 100px; 
height: 92px; 
border-right: 1px solid black; 
border-left: 1px solid black; 
}

.photo div {
transform: skewX(-35deg); 
-ms-transform: skewX(-35deg); /* IE 9 */
-webkit-transform: skewX(-35deg); /* Safari and Chrome */
width: 100%; 
height: 100%; 
background-image: url('silhouette.png'); 
background-repeat: no-repeat; 
background-position: top left; 
}

...


... но я получаю / [-] / (фон нене подходит для наклонов).

Я был на этом весь день, пожалуйста, вы можете мне помочь? Я'у меня есть кодерБок! Я

Ответы на вопрос(1)

Ваш ответ на вопрос