CSS를 통해 이미지 바꾸기

Question

나는 이미지를 변경하기 위해 파이어 폭스 플러그인 인 Stylish에 코드를 작성하고 있습니다.

이미지 속성은 div 태그를 가지고 있지 않기 때문에 나는 이것을 사용할 필요가하십시오 IMG의 SRC에서, 페이지의 아무 곳이나

img[src*="s_dschjungelplanet"]{ 
########## 
} 

그래서이 "s_dschjungelplanet"를 대체합니다.

그래서 내 주요 문제는 src = "xxx"를 바꾸려면 어떻게해야할지 모르겠다는 것입니다. 답변

Answer 1

에 대한

따은 쉬운 방법이 없습니다. 나는 당신이 greasemonkey 스크립트로 더 좋을 것이라고 생각한다. 간단한 스크립트로 URL을 바꿀 수있다.

내가 아는 한 CSS 만 사용하여 URL을 변경할 수 없습니다. URL ("myfavorite.png") :

img[src*="s_dschjungelplanet"]{ 
    width:0; 
    height:70px; 
    padding-right:250px; 
    background:transparent url(http://i.stackoverflow.com/Content/Img/stackoverflow-logo-250.png) top left no-repeat; 
} 

Answer 2

당신이 시도 할 수 있습니다 :

IMG [SRC * = "s_dschjungelplanet을"] { 내용이는 나는 단지 CSS를 함께 할 수 있었다 가장 가까운이었다 ; 하지 파이어 폭스에서 크롬 }

작품, ...

Answer 3

img[src*="http://url-of-image-to-be-replaced.jpg"]{ 
    background-image: url("https://url-of-image-you-want-to-display.jpg"); 
    width:38px; 
    display:inline-block; 
    padding:38px 0 0 0; 
    height: 0px} 

변경 귀하의 사양에 너비와 패딩. 그것은 나를 위해 일했습니다.