thay thế hình ảnh qua css

Question

Tôi đang viết mã bằng Stylish, một plugin firefox, để thay đổi hình ảnh hiển thị.

tài sản Hình ảnh không có một thẻ div, vì vậy tôi phải sử dụng này:

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

Vì vậy, đây sẽ thay thế "s_dschjungelplanet" bất cứ nơi nào trong trang, trong một src img.

Vì vậy, vấn đề chính của tôi là tôi không chắc chắn CÁCH để nói nó để thay thế src = "xxx".

Ta để trả lời

Answer 1

Không có cách nào dễ dàng. Tôi nghĩ rằng bạn sẽ tốt hơn với các kịch bản lệnh của bộ gõ mỡ, như với một kịch bản đơn giản như vậy, bạn có thể thay đổi url.

Theo như tôi biết, bạn không thể thay đổi url bằng chỉ css. Đây là cảm giác mà tôi đã có thể đi kèm với chỉ css:

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

Bạn có thể thử này:

img [src * = "s_dschjungelplanet"] { nội dung: url ("myfavorite.png") ; }

trình trong Chrome, không phải trong Firefox ...

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} 

Thay đổi chiều rộng và đệm để thông số kỹ thuật của bạn. Nó làm việc cho tôi.