免责声明:该网站已经更新,此问题不再出现在新版本的设计中.
在我建立的新网站上,我注意到Safari(iOS 5)中有一个奇怪的怪癖.通常,您可以点击Safari顶部的黑条以滚动到任何网页的顶部.在我的新网站上,这适用于主页,但不适用于单个文章页面.
试试吧!versbeton.nl(作品!)与versbeton.nl/2012/01/vers-vloeibaar/(不起作用!)
我该如何调试这种情况？据我所知,iOS没有Firebug(或类似的调试工具).
我试图在悬停时将文本和 .svg 淡入另一种颜色。
a{
color: #ff0000;
display: inline-block;
margin: 0 0 0 1em;
text-decoration: none;
text-transform: lowercase;
transition: color 1s linear;
}
a:hover{
color: #000;
}
svg{
vertical-align: middle;
width: 2em;
}
path{
transition: fill 1s linear;
fill: #ff0000;
}
a:hover path{
fill: #000;
}<a href="http://example.com" class="tweet-this">
<i class="icon icon-twitter">
<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title>twitter</title><path d="M24.679 10.658c-.651.281-1.35.471-2.083.556.749-.437 1.324-1.13 1.595-1.955-.701.405-1.477.699-2.303.858-.662-.687-1.604-1.116-2.647-1.116-2.003 0-3.627 1.582-3.627 3.535 0 .277.032.546.094.805-3.014-.147-5.687-1.554-7.476-3.693-.312.522-.491 1.129-.491 1.777 0 1.226.64 2.308 1.614 2.942-.594-.018-1.154-.177-1.643-.442v.045c0 1.712 1.25 3.141 2.909 3.466-.304.081-.625.124-.956.124-.234 …