移动应用程序的网站

我正在开发手机网站（主要是黑莓手机）。移动应用程序的网站

我无法弄清楚如何像这样发展。有些手机不支持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; 
}

但我不能这样做，因为一些移动设备什么都不会显示。

来源

2011-03-03 DaveC426913

那么，如果他们不支持CSS，那么你显然不能得到像你所描述的按钮效果。你能做的最好的是锚内提供替代文本：

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

，并隐藏在浏览器的文本在不支持CSS：

#btnSearch > span { 
    display: none; 
}

来源

2011-03-03 02:46:12 casablanca

但是，什么是网站开发针对移动应用的最佳实践？ – DaveC426913 2011-03-03 14:35:04

@ DaveC426913：大多数主流移动浏览器都支持CSS，因此您不必担心太多。如果你还想支持那些没有的浏览器，你可以使用像我上面提到的那样的选择。 – casablanca 2011-03-03 16:43:58

移动应用程序的网站

回答

相关问题