1

Video icon is ok on Firefox browser as below:

align top http://www.kerrydeaf.com/net.png

Video icon is missing on iOS6 Simulator as below:

align top http://www.kerrydeaf.com/ios.png

Here is the 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>

How can I solve this to make icon appear the same in simulator as icon on Firefox browser, please?

UPDATE:

  <!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 に答える