我正在开发一个手机网站(主要是Blackberry)。

我不知道一个人是怎么发展的。有些电话不支持CSS。如果我想要一个具有向上和向下状态的按钮,我该怎么做?我通常会做一个锚点,然后将图像放在背景中,然后可以使用伪类link和active来控制背景位置。

<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;
}


但我无法执行此操作,因为某些移动设备无法显示任何内容。

最佳答案

好吧,如果他们不支持CSS,那么显然您将无法获得您所描述的按钮效果。最好的办法是在锚点内提供替代文本:

<a id="btnSearch"><span>some text</span></a>


并在支持CSS的浏览器中隐藏该文本:

#btnSearch > span {
  display: none;
}

10-08 01:58