변경 방법 asp의 호버에 대한 배경 이미지 : Gridview의 CommandField

<asp:CommandField DeleteImageUrl="~/cms_images/cancel.gif" ShowDeleteButton="true" ButtonType="Image" />

나는 사용자가있는 CommandField에 놓을 때이 이미지 "~/cms_images/cancel-hover.gif"을 보여 드리고자합니다.
어떻게하면됩니까?

감사합니다.

2011-08-12 Null Head

궁금한 점이 있다면, 왜 서버 측에서 그렇게하기를 원하십니까? 이미지 롤오버는 일반적으로 JavaScript/JQuery를 통해 클라이언트 측에서 처리되므로 이미지를 간단히 교체하기 위해 페이지를 서버에 다시 게시 할 필요가 없습니다. – Tim

죄송합니다. 나는 서버 측에서 마우스 오버 및 마우스 오버 이미지에 대해 언급하고 싶지 실제 스와핑에 대해서는 언급하지 않았다. 그에 따라 편집 됨. –

불필요하게 복잡해 보이기 때문에 서버 측에서 왜 이것을 수행하고 싶은지 아직 확실하지 않습니다. 사용자가 버튼 위로 마우스를 이동하여 서버에 다시 게시하면 버튼이 다시 그려 질 때까지 마우스가 더 이상 그 위에있을 수 없습니다. – Tim

CSS로이를 수행 할 수 있습니다. - 페이지 마크 업에서 방금 명령 필드에 대한 특정 스타일을 선언 할 필요가 본질적으로이 버튼의 CSS 스타일이다

<asp:CommandField ShowDeleteButton="true" ButtonType="Button" ControlStyle-CssClass="cancel" />

그리고 .CSS 파일에이 스타일을 정의 할 때, 그리고 사용자가 변경하는 방법을 정의 요소를 가리킴 :

.cancel 
{ 
    background-image: url(cms_images/cancel.gif); 
} 

.cancel:hover 
{ 
    background-image: url(cms_images/cancel-hover.gif); 
}

페이지 위치에 상대적인 URL을 제공해야합니다. 위의 코드에서이 페이지는 웹 사이트의 루트 폴더에 있다고 가정합니다.

2011-08-12 05:48:45 Andrei

이 코드를 사용할 때,'

@Andrei : 'ButtonType = "Button"을 설정하면 코드가 작동합니다. +1 – naveen

@naveen - thx, 놓친 것. 게시물을 업데이트했습니다. – Andrei

답변