이미지 링크에 영향을 미치는 텍스트 링크의 CSS 스타일

Question

저는 약 한 시간 동안이 작업을 해왔고, 제 머리카락을 꺼낼 준비가되었습니다. CSS의 단순한 한두 줄이어야하는 것처럼 보입니다. 여기에 볼 수있는 클라이언트 용으로 설계된 사용자 정의 테마의 Posterous 블로그가 있습니다. http://phar-ma.com/

분명히 CSS를 사용하여 게시물의 텍스트 링크 스타일을 지정합니다. 내 문제는, Posterous가 더 큰 버전의 링크 (작은 이미지는 링크로 변환되지 않음)로 자동 전환되므로 동일한 스타일이 더 큰 버전의 이미지가 적용되는 것입니다. 그래서 기본적으로 링크 이미지의 스타일을 링크가 아닌 이미지와 동일한 것으로 반환하는 방법을 알아야합니다. 지금 그들은 이상한 간격과 테두리가 있습니다 (텍스트 링크의 스타일 때문에). 그리고 그 위에 마우스를 가져갈 때 변경됩니다. 그들은 또한 정확하게 중심에 있지 않습니다. 내가 아는 CSS 코드의 모든 부분을 시험해 보았는데, 나는 전혀 운이 없었습니다. Google에서 검색 한 결과 다음과 같이 나타났습니다. http://perishablepress.com/press/2008/10/14/css-remove-link-underlines-borders-linked-images/하지만 여전히 운이 좋지 않습니다.

누구나 아이디어가 있다면, 고맙겠습니다. 감사!

Answer 1

블로그의 소스 코드를 해킹하지 않고 이런 일을하기가 어렵습니다.

저는 tih와 같은 버그를 해결하기 위해 jQuery를 사용하는 경향이 있습니다. 페이지가로드가 완료 한 후, 다음 링크의 스타일을 변경할 때까지 포스 테러 그들을 엉망 후 당신은 기다릴 수 :
http://api.jquery.com/ready/
http://api.jquery.com/css/

$(document).ready(function() { 
    $('img').css({visibility:"hidden"}); 
});