我有以下代码(这整个页面)：
<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"> <head> <Meta content="text/HTML; charset=utf-8" http-equiv="Content-Type" /> <Title>Some page Title</Title> <link rel="stylesheet" type="text/CSS" href="http://yui.yahooAPIs.com/3.1.1/build/CSSreset/reset-min.CSS" /> <link rel="stylesheet" type="text/CSS" href="47926.CSS" /> <link rel="stylesheet" type="text/CSS" href="960Clear.CSS" /> </head> <body> <div ID="rootdiv"> <div ID="topbardiv"> <div ID="topbarlogodiv"> <a ID="topbarlogolink" href="~/Home/ComingSoon" title="Coming soon page"/> </div> </div> </div> </body></HTML>
这里是CSS(960Clear.CSS,其他是960网格和YUI重置)：
#rootdiv { height: 70px; background-color: #F7F7F7;}#topbarlogodiv { background-image: url('file:///C:/Users/Public/documents/~Main/Vuplan/S26.Vuplan.Web.Application/Images/logo-vuplan-color-on-Alpha-172x49.png'); background-color: #F7F7F7; background-repeat: no-repeat; margin-left: 20px; height: 50px; wIDth: 172px; display: block; overflow: hIDden;}#topbarlogolink { height: 50px; wIDth: 172px; min-height: 50px; min-wIDth: 172px; display: table-cell;} 这个简单,简单的页面不起作用. Internet Explorer是我最初的问题,在最上面的角落最多可以渲染四个徽标,但是现在让我们忽略Internet Explorer,因为即便是firefox也在做最疯狂的事情.
我在包装div之外渲染另一个整个锚元素,这个奇怪甚至可以作为F12 diag工具窗口中的另一行代码看到！
我拍了一个屏幕截图来证明：
http://0olmuq.bay.livefilestore.com/y1pxx75x_th_V0FX15uiLSOAK7MbKnHOQ17L9WMLg4K1TrIoZ0_xEaTgveh0_xF0S8o1Ae8WVvQLNWjQzyGl5AXsPpMV9MW0aDI/One%20Anchor%20Tag%20Renders%20Two%20Anchor%20Tags%20Crap.jpg?psid=1
对我来说,HTML CSS工作是在地狱服务,但这需要饼干.地球上到底发生了什么？
注意
我的错 – 我之前应该添加这个免责声明.
上面的代码似乎让一些人感到困惑.请记住它处于实验状态,因为我试图弄清楚为什么我会得到多个徽标和一般的奇怪.
我没有纠正本地链接(生产完全不同,无论如何通过ASP.NET MVC方法生成).
想象一下,有人在管道房子时遇到问题,你去调查.房子可能尚未完工;请忽略丢失的地毯;-)
解决方法 您无法使用/>关闭A标记你需要用< a href =“#”>链接< / a>来关闭它双重渲染是firefox / FireBUG解析无效的HTML.
总结以上是内存溢出为你收集整理的单个HTML锚标记实际呈现TWICE！截图全部内容，希望文章能够帮你解决单个HTML锚标记实际呈现TWICE！截图所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）