方法-:display:inline-block !important; display:block;(不推荐)
方法二:用padding-left代替text-indent
************
高版本jq不支持toggle点击切换
由于低版本jq的toggle有两个属性,一个是事件切换一个是隐藏和显示,经常发生冲突,故高版本jq只保留了显示和隐藏的效果了。
现在高版本jq可以判断鼠标点击来实现旧版本的toggle效果。
老版本方法:
[javascript] view plaincopy
01.$(".but_play").toggle(
02. function(){
03. $(this).css("background","url(new_img/vctrl101.jpg) no-repeat");},
04. function(){
05. $(this).css("background","url(new_img/vctrl100.jpg) no-repeat");},
06.;
新版本方法:
[javascript] view plaincopy
01.var flip = 0;
02.$('.but_play').click(function(e){
03.if (flip++ % 2 === 0){
04.$(this).css("background","url(new_img/vctrl101.jpg) no-repeat")}
05.else{
06.$(this).css("background","url(new_img/vctrl100.jpg) no-repeat");}
07.e.preventDefault();
08.});
新jq版本,老方法已经失效