CSS如何让HTML知道图像的位置？
<!DOCTYPE HTML><Title>SlIDeshow</Title><link href=s.CSS rel=stylesheet><ul> <li><img src=1> <li><img src=2> <li><img src=3> <li><img src=4></ul>
@-webkit-keyframes f { 0% { opacity:0; } 12% { opacity:1; -webkit-transform:scale(1.03) } 25% { opacity:1; -webkit-transform:scale(1.06) } 37% { opacity:0; -webkit-transform:scale(1.30) } 100% { opacity:0; } }@-moz-keyframes f { 0% { opacity:0; } 12% { opacity:1; -moz-transform:scale(1.03) } 25% { opacity:1; -moz-transform:scale(1.06) } 37% { opacity:0; -moz-transform:scale(1.30) } 100% { opacity:0; } } body { background:#f0f0eb }ul,[src] { position:absolute } ul { overflow:hidden; top:50%; left:50%; wIDth:650px; height:300px; margin:-200px 0 0 -340px; padding:0; List-style:none; border:15px solID #fff; -webkit-Box-shadow:0 1px 2px rgba(0,.2); Box-shadow:0 1px 2px rgba(0,.2) } [src] { opacity:0; -webkit-animation:f 12s linear infinite; -moz-animation:f 12s linear infinite }[src="2"] { -webkit-animation-delay:3s; -moz-animation-delay:3s }[src="3"] { -webkit-animation-delay:6s; -moz-animation-delay:6s }[src="4"] { -webkit-animation-delay:9s; -moz-animation-delay:9s }解决方法 它非常简单 – 它们实际上是有效的URL,例如 <img src=4>
是相对链接,指向：
http://playground.deaxon.com/CSS/slIDeshow/4
要么：
HTML可能形成的“共同风格”是：
<ul> <li><img src="1"></li> <li><img src="2"></li> <li><img src="3"></li> <li><img src="4"></li></ul>
不：
<ul> <li><img src=1> <li><img src=2> <li><img src=3> <li><img src=4></ul>
我认为缺少“令你困惑的标记”.
虽然,正如@Wesley所指出的,这也是完全有效的HTML(除了缺少的alt标签).
总结以上是内存溢出为你收集整理的html – 这是占位符链接吗？全部内容，希望文章能够帮你解决html – 这是占位符链接吗？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）