我正在开发一个手机网站(主要是黑莓手机)。
我无法弄清楚这是如何发展的。有些手机不支持CSS。如果我想要一个具有向上和向下状态的按钮,我该怎么做?我通常会制作一个锚,然后将图像放在背景中,然后我可以用伪类链接和激活来控制背景位置。
<a id="btnSearch"></a>
#btnSearch{
height: 16px;
overflow: hidden;
background-image: url(img/btnSearch.png);
}
#btnSearch:link,
#btnSearch:visited,
#btnSearch:hover{
background-position:0 0;
}
#btnSearch:active{
background-position:0 -16px;
}
但我无法做到这一点,因为有些移动设备什么都不会显示。
答案 0 :(得分:0)
好吧,如果他们不支持CSS,那么你显然无法获得像你描述的那样的按钮效果。您可以做的最好的事情是在锚点内提供替代文本:
<a id="btnSearch"><span>some text</span></a>
并在支持CSS的浏览器中隐藏该文本:
#btnSearch > span {
display: none;
}