css - 移动应用网站

Question

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

我想不通一个人是如何发展成这样的。有些手机不支持 CSS。如果我想要一个具有向上和向下状态的按钮，我该怎么做？我通常会做一个 anchor ，然后把图像放在背景中，然后我可以通过伪类链接和激活来控制背景位置。

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

但我不能这样做，因为某些移动设备不会显示任何内容。

Answer 1

好吧，如果他们不支持 CSS，那么您显然无法获得您所描述的按钮效果。您能做的最好的事情就是在 anchor 内提供替代文本:

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

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

#btnSearch > span {
  display: none;
}