размещение изображения внутри панели

Question

У меня есть изображение, как форма облака Я помещаю его в качестве фона для панели. дисплеи. Но поскольку я указал высоту и ширину, изображения отображаются за пределами изображения, вокруг изображения есть свободное пространство, которое заставляет пользователя смотреть, что изображения помещаются внутри панели. так что я хочу, чтобы фоновое изображение только появилось.

.modalPopup 
{ 
    width:600px; 
    height:400px; 
} 

<asp:Panel ID="pnlHead" runat="server" 
    Style="display: none;" 
    BackImageUrl="~/WebSiteContent/Images/Cloudd.JPG" 
    CssClass="modalPopupWD"> 
<asp:Panel ID="pnlBody" runat="server"> 
</asp:Panel> 
</asp:Panel> 

Answer 1

Я думаю, что он хочет использовать прозрачное изображение в качестве фона, но так как его образ не является прозрачным (.png), виден фон там.

Теперь вы можете сделать следующее: Создайте прозрачное изображение с высотой и шириной панели и сделайте задний цвет панели панели в соответствии с фоном своего контейнера (страница).

примечание: Как сказал olle в комментарии, он лучше для вас загрузить изображение, показывающее вашу проблему.

Answer 2

Вы пробовали CSS { background-color: Transparent; } так ...

.modalPopup { 
width:600px; height:400px; 
background-color: Transparent 
}