PhoneGap中文网

标题: jquery mobile引入外部CSS无效果 [打印本页]

作者: holycheng 时间: 2015-5-31 12:33
标题: jquery mobile引入外部CSS无效果
求教, 把CSS放在HTML里面没任何问题, 放到css文件中引入后, 电脑浏览器也能正常显示, 手机浏览器包括QQ浏览器、UC浏览器均无法加载使用。

CSS样式:

.card_company {
height: 35px;
line-height: 35px;
text-align: center;
background-color: rgba(0, 0, 0, 0.2);
}
.card_company p {
text-shadow: none;
font-size: 18px;
color: #fff;
}

复制代码

html:

<style type="text/css">
.mycard-back .ui-page {
background: url(images/back_1.jpg) no-repeat;
}
</style>
</head>
<body class="mycard-back">
<div data-role="page" id="home">
<div data-role="content">
<div class="card_company">
<p>半透明显示效果</p>
</div>
</div>
<div data-role="footer" data-position="fixed">
<h1>这是底部</h1>
</div>
</div>
</body>

复制代码

作者: holycheng 时间: 2015-5-31 13:44
求教啊，来人指教下撒

作者: admin 时间: 2015-5-31 15:20

调试工具看看这个标签应用的什么样式

谷歌浏览器 f12就出调试工具了

火狐的话安装 firebug 然后f12 也出调试工具了

如果还不会用调试工具的话找个最美工的教教你，这是前端开发必备的

作者: holycheng 时间: 2015-5-31 21:14

admin 发表于 2015-5-31 15:20
调试工具看看这个标签应用的什么样式

感谢回答。用F12调试了，样式啥的没问题, card_company也没有写错。在“电脑”浏览器包括谷歌、360、firefox、IE9下面打开都能正常加载样式，但是手机浏览器包括UC、QQ浏览器都不行，必须把样式放在HTML里面才能在手机浏览器上正常加载，外部样式表都不行。

而且，我弄一个普通的html页面，没使用jquery mobile框架，我在UC和QQ手机浏览器里面也不能使用外部样式表，纠结了。

作者: holycheng 时间: 2015-5-31 22:37

admin 发表于 2015-5-31 15:20
调试工具看看这个标签应用的什么样式

找到原因了, 原来手机浏览器有缓存，缓存没及时清掉，所以让我认为没加载到css

话说用手机浏览器做测试，真的要改一样东西清一次缓存啊

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)