如题 并可以通过 HTML4.01 strict.dtd W3C的认证且无浏览器兼容性问题。
HTML 中
<img src="pic/pic1.jpg" alt="http://www.tongyansq.com">
css中 img#pic1{background:url(../pic/pic1.jpg); width:1184px; height:300px;}
我想用JS实现 <img 不使用src定义图片地址或者用JS实现src中的地址读取css中的#pic。
最终目的就是将多个图片做成一个图片用CSS剪辑，但是使用<li id="pic1">整块又不可加链接（否则不能通过W3C认证）
我知道这个想法可能很好实现，又或者比较逆天，求大神现世。
不用JS更好，但感觉不可能。
想用 <li + JS代码>实现来的 但是 搜索引擎不抓取链接的地址 seo优化又很困难。。
又要切片 又要img 逆天了。。用img显示一张大图里的一个小区域，复杂度比css多了n倍。
直接用css背景图不更好，这样img标签都省了。
假设你是这样的<li><img src="pic/pic1.jpg"></li>
改成这样
<style>
.pic1{display:inline-block;width:1184px;height:300px;background:url(../pic/pic1.jpg) 50px 30px no-repeat;}/*假设你的小图在大图的50，30处*/
</style>
<li><span class="pic1"></span></li>
搞掂
温馨提示：答案为网友推荐，仅供参考
