如何在css中更改img的src

html-css09

如何在css中更改img的src,第1张

<html>

<head>

<style>

img{

text:expression(src="b.png")

}

</style>

<body>

<img src="a.jpg">

</body>

</head>

</html>

css改src图只有ie支持 或者css控制背景图background-image好些

一般都是js

document.getElementById("imgid").src = "b.png"

不管是后台返回的数据还是静态写好的 还是用常规的去定义。除非是去操作动态生成的元素【使用了ajax动态往页面添加元素】

1、用css控制

外面用div包裹起来,然后用css 对这个div下面的图片进行修改

<div class='img_div'><img src='abc.jpg' alt='我是一张图片'/></div>

2、用js控制

和上面一样,先用div包裹起来

$('.img_div img').css({略})