holycheng 发表于 2015-5-31 12:33:07

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:03

求教啊， 来人指教下撒

admin 发表于 2015-5-31 15:20:34



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


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


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

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

holycheng 发表于 2015-5-31 21:14:05

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:30

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




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

话说 用手机浏览器做测试， 真的要改一样东西清一次缓存啊
页: [1]
查看完整版本: jquery mobile引入外部CSS无效果