Помогите отцентрировать изображение CSS

[Ch0oJoy]

Решено! Закройте тему

Змінено 23 вересня 2016 користувачем Ch0oJoy

[konorws]

Здравствуйте! Помогите правильно отцентрировать изображение

.grayscaleimg {
		z-index:9; 
		width:150px; 
		height:150px; 
		position:absolute; 
		top:50%; 
		left:50%; 
		margin: -81px 0 0 -81px; 
		background-image: картинка
); 50% 50% no-repeat;

132123.png

Есле вы про то что там эта картинка еще раз вылазит тогда вам нужно добавить background-repeat: none; 

[Ch0oJoy]

Есле вы про то что там эта картинка еще раз вылазит тогда вам нужно добавить background-repeat: none; 

Попробовал добавить:

.grayscaleimg {
		z-index:9; 
		width:150px; 
		height:150px; 
		position:absolute; 
		top:50%; 
		left:50%; 
		margin: -81px 0 0 -81px; 
		 background-repeat: none; 
		background-image: url("data:image/png;base64,iVBORw0KGgo...); 50% 50% no-repeat;
        }

не получается ((

 

как добавить картинку в черный квадрат?

Змінено 23 вересня 2016 користувачем Ch0oJoy