ASP, C# 및 CSS의 이미지 크기 변경

이미지 위에 마우스를 올려 놓으면 크기가 변하지 않는 이유는 무엇입니까?ASP, C# 및 CSS의 이미지 크기 변경

나는 ASP 웹 페이지에이은 :

ProdImage.ImageUrl = ResolveUrl("~/Images/Products/" + lblProductID.Text + ".jpg");

하는 CSS ImgDetail 클래스는 다음과 같습니다 :

<asp:Image ID="ProdImage" CssClass="ImgDetail" runat="server" />

를 Page_Load()이 같은 이미지의 URL을로드

.ImgDetail 
{ 
    width: 180px; 
    height: auto; 
} 

.ImgDetail:hover 
{ 
    width: 360px; 
    height: auto; 
}

마우스가 이미지 위에있을 때 이미지 크기를 변경하고 싶습니다.

감사합니다.

출처

2013-05-09 Pabinator

(코드가 정상적으로 처리되기 때문에) 몇 가지 필수적인 사항은 다음과 같습니다. 페이지로드시 이미지를 볼 수 있습니까? CSS를로드했는데 어디서 덮어 쓰지 않았습니까? 온라인 인 경우 링크를 전달할 수 있습니까? – Kenneth

나는 당신이 확인할 수있는 바이올린을 만들었습니다. 그것은 당신이하는 것과 같은 코드를 사용하여 문제가 존재하지 않습니다. 내가 준 다른 제안을 확인해야 해. 여기에 바이올린 : http://jsfiddle.net/Kennethtruyers/Lr4kj/ – Kenneth

렌더링 된 HTML 코드를 게시 할 수 있습니까? –

적용 할 첫 번째 디버깅 단계는 적용하려는 CSS 스타일이 작동하는지 확인하는 것입니다. 그래서 .ImgDetail에게 1px 테두리를 빨간색으로 표시하십시오. 페이지로드시 표시되지 않으면 CSS 파일이 포함되지 않았 음을 의미합니다. 이는 일반적인 실수입니다.

출처

2013-05-09 20:18:21 Richthofen

감사합니다 Richthofen,이 줄을 변경했습니다 : '

'그리고 나는 그림을 볼 수 있지만 크기는 변하지 않습니다. 테이블 안에 있기 때문일 수 있습니까? 디버깅을 계속할 것입니다. – Pabinator

Pabinator, 내 제안을 시도 했습니까? CSS 파일에서 ImgDetail 클래스에 빨간색 테두리를 할당하면 이미지에 빨간색 테두리가 표시됩니까? – Richthofen

@Richthofen 아이디어 덕분에 문제가 해결되었습니다.

디버깅 중에 로컬 CSS 파일 (http://localhost:4290/Styles/Site.css)을 확인했지만 변경 사항이 없습니다.

디버거 (F5)를 시작할 때 Visual Studio 2010에서 CSS 파일을 업데이트하지 않습니다. 그러나 웹 페이지를 게시하면 CSS 파일이 업데이트됩니다.

빌드 작업 : 내용

복사 출력 디렉토리로 복사 항상

결산과 2010 년 VS 개방 해결되지

이

은 비주얼 스튜디오 2010 CSS 파일의 속성입니다 그것. 디버깅 할 때 CSS 파일이 변경되도록 PC를 재부팅해야했습니다. 나는이 문제를 해결하는 방법을 아는 사람이 없으면 CSS 파일을 디버깅 할 때마다 PC를 재부팅해야합니다.

감사합니다.

출처

2013-05-10 15:04:46 Pabinator

@Richthofen이 문제에 대한 해결책을 찾았습니다. http://stackoverflow.com/questions/6510617/visual-studio-express-2010-css-file-stops-working-after-i-edited-while-debugging I IE 브라우저에서 Cntrl + F5를 눌러 CSS 변경 사항을 가져와야했습니다. 감사 – Pabinator

ASP, C# 및 CSS의 이미지 크기 변경

답변

관련 문제