我有一个简单的 html 文件和一个简单的 css 文件,如果我使用 chrome 加载 html 文件,则显示扑克牌的图像。但是,如果我使用 WebView 加载相同的 html 文件,则没有图像。如果我只是设置背景颜色,那么效果很好,因此 html 和 css 可以正确加载并正常工作,所以我假设问题出在图像的 url 上。有什么我想念的吗?
谢谢,
约翰
资产 game.html gamecss3.css 图片 ssk.png
Java 代码
webView = (WebView) findViewById(R.id.webView1);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/game.html");
CSS
body {
background: #aaa;
}
/* defines styles for each card */
.card {
width: 72px;
height: 96px;
margin: 20px;
background: url("images/ssK.png");
/*background: #efefef; */
position: absolute;
-webkit-transition: all 1s linear;
}
HTML 简单纸牌游戏
纸牌游戏
<section id="game">
<div id="cards">
<div id="card1" class="card"></div>
</div> <!-- #cards -->
</section> <!-- #game -->
<footer>
<p>This is an example of transitioning cards.</p>
</footer>
</body>
</html>