视频图标在火狐浏览器上是可以的,如下所示:
对齐顶部 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