如题 并可以通过 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标签都省了。
假设你是这样的搞掂