jquery moblie 1.4.1 icons can not show in android 2.x browser
my web page been opened with android2.X browser,I can't find picture where statement in data-icon. and then on when I download the demo of the jquerymobile1.4.1 also find that icon has the same problem.How to solve?
hi,
while i use the jquery to build a web app, i find sometime the pic cant be shown by the system browser in android phone which version is 2.3.
here is my code:
-
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Icons - jQuery Mobile Demos</title>
- <link rel="shortcut icon" href="../favicon.ico">
- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
- <link rel="stylesheet" href="../css/themes/default/jquery.mobile-1.4.1.min.css">
- <link rel="stylesheet" href="../_assets/css/jqm-demos.css">
- <style id="custom-icon">
- .ui-icon-myicon:after {
- background-image: url("../_assets/img/glyphish-icons/21-skull.png");
- background-size: 18px 18px;
- }
- </style>
- </head>
- <body>
- <div data-role="page" class="jqm-demos" data-quicklinks="true">
- <div data-role="header" class="jqm-header">
- </div>
- <div role="main" class="ui-content jqm-content">
- <h1>Icons</h1>
- <div data-demo-html="true">
- <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-action">action</button>
- <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-alert">alert</button>
- <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-arrow-d">arrow-d</button>
- <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-arrow-d-l">arrow-d-l</button>
- <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-user">user</button>
- <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-video">video</button>
- </div>
- <h2>Custom Icons</h2>
- <div data-demo-html="true" data-demo-css="#custom-icon">
- <button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-myicon">myicon</button>
- </div>
-
- </div>
- </div>
- </body>
- </html>
please help me, and i use the jquery mobile 1.4.1, the question is still exsit. The icon in the demo(jquery mobile 1.4.1) can not be shown normly.
sorry for my poor english. thanks