2015-07-13 2 views
0

Я хочу установить фоновое изображение Div, чтобы оно соответствовало размеру div. Я много пытаюсь помочь Google. но не в состоянии получить решение.Autofit Div Фоновое изображение

Моя собственность ДИВ как ниже

userPic.style.width = "65px"; 
userPic.style.height = "85px"; 
userPic.style.position = "absolute"; 
userPic.style.left = "10px"; 
userPic.style.top = "10px"; 
userPic.style.borderRadius = '4em'; 

Теперь я ставлю Backround изображение, как показано ниже

userPic.style.background = "url('"+employee.profilepic+"') no-repeat"; 
userPic.className = "profilePic"; 

и я установить profilepic класс как ниже

.profilePic 
{ 
    background-size: 100%; 
    background-repeat: no-repeat; 
    overflow: hidden; 
    margin:auto; 
} 

Но фоне размера : 100% не работает должным образом в хроме, а также не работает отлично. У меня есть div размером 65x85, а размер моего изображения больше. Итак, как установить большой или маленький образ в этом div?

+0

Вы пытались использовать значения «обложка» или «содержать» в фоновом размере? –

+0

Я попробовал, но его показ ударил в окне отладки. это означает, что он не работает. – VarunJi

ответ

2

Я бы попробовал background-size: cover; и посмотрел, получится ли это от желаемого эффекта.

+0

размер фона: обложка; и контент; оба не работают. :( – VarunJi

+0

Я получил решение сейчас. Вы сказали правильно. Но я не должен назначать какое-либо имя класса CSS этому, тогда он будет работать. – VarunJi

Смежные вопросы