현재 CSS 이미지를 CSS로 바꿉니다

CSS로이 이미지를 바꾸려고 할 때 문제가 있습니다. html에 액세스 할 수 없습니다. 현재 CSS 이미지를 CSS로 바꿉니다

<img 
    width="64" 
    height="64" 
    border="0" 
    style="width: 64px; height: 64px;" 
    src="http://www.nitrografixx.com/2013/lock-icon.gif"> 
</img>

http://jsfiddle.net/ES4mH/

나는이 시도하고 현재 이미지에 배경 이미지를 추가하면서, 그것을 대체하지 않습니다.

img[src='http://www.nitrografixx.com/2013/lock-icon.gif'] { 
    background: url(http://www.nitrografixx.com/2013/lock_bg.jpg) center !important; 
}

출처

2013-05-15 user2250423

백그라운드 속성 대신 content 속성을 사용하십시오. –

코드가 올바르게 작동하고 있습니다. CSS에 속성 값으로 주어진 url을 가진'src' 속성을 가진'img' 엘리먼트를 발견했을 때'img' 엘리먼트의 배경 이미지를'background 'CSS에 대한 속성. 'background' 속성을'content'로 변경해야합니다. – DaGLiMiOuX

자바 스크립트를 사용한다면, CSS 대신에 그것을 사용하는 것이 더 낫습니다. 왜냐하면 단순히 이미지에 직접 액세스하고 변경할 수 있기 때문입니다. 'CSS를 통해 속성. –

노력이

<style> 
.className{ 
    content:url("http://www.nitrografixx.com/2013/lock_bg.jpg"); 
} 
</style> 
<img class="className"/>

출처

2013-05-15 12:29:41 PSR

OP에 HTML에 대한 액세스 권한이 없으므로'.className'을'img [src = 'http : //www.nitrografixx.com/2013/lock-icon.gif']'로 변경해야합니다. – Klors

이것은 분명히 갈 길입니다 ... CSS (질문 : 질문에 대한 좋은 대답). 그러나 Javascript가이 문제를 처리하는 훨씬 더 좋은 방법 일 것입니다. –

@ user2250423 지금 문제를 해결 했습니까 – PSR

당신은 이미지 요소의 배경 만에 이미지를 추가하고있는 이미지 요소는 여전히 원래의 이미지를 가리키는 소스 속성을 가지고 있으며, 그렇지 않은 이유입니다 제거되고있다. 가능한 경우 javscript를 사용하여 요소를 제거하고 다른 것으로 교체해야합니다.

출처

2013-05-15 12:30:00 Rob

나는 HTML에 접근 할 수없고 사이트에 자바를 추가 할 수 없다. 나는 단지 기존의 CSS를 바꿀 수있다. – user2250423

@ user2250423 자바는 자바 스크립트가 아니다. Javascript는 거의 모든 브라우저에서 사용할 수 있습니다. – Rob

현재 CSS 이미지를 CSS로 바꿉니다

답변

관련 문제