1

视频图标在火狐浏览器上是可以的,如下所示:

对齐顶部 http://www.kerrydeaf.com/net.png

iOS6 模拟器上缺少视频图标,如下所示:

对齐顶部 http://www.kerrydeaf.com/ios.png

这是CSS3:

 .blue_small {
 height: 40px;
 width: 40px;
 margin-left:16px;
 margin-bottom:6px;
 background-color:#fff;
 background:url(../images/index_video_small2.svg) no-repeat 5px 7px;
 -moz-border-radius: 50%; 
 -webkit-border-radius: 50%; 
 border-radius: 50%;
 border: 3px solid #fff;
 -webkit-box-shadow: 0px 2px 6px rgba(64,80,85,0.8);  
 box-shadow: 0px 2px 6px rgba(64,80,85,0.8);}

HTML5:

 <button class="blue_small" id="blue_small"></button>

请问如何解决这个问题以使模拟器中的图标与Firefox 浏览器上的图标显示相同?

更新:

  <!DOCTYPE html>
  <html>
  <head>
  <title>APP</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /><!-- Cordova 
4

1 回答 1

1

删除left& top。像这样写:

background:url(../images/index_video_small2.svg) no-repeat 5px 7px;

而不是这个:

background:url(../images/index_video_small2.svg) no-repeat left 5px top 7px;
于 2012-10-25T13:20:20.923 回答