页面效果显示有关问题
时间:2021-07-01 10:21:17
帮助过:18人阅读
页面效果显示问题
服务器环境如下
window server 2012R2
IIS+PHP+MYSQL
基于PHPCMS的一个网站
问题如下:
页面中的一个按钮,在浏览器急速模式下,不显示,在兼容模式下,是可显示的
同样的网站代码,在本地部署以后,不管在急速模式还是兼容模式,都是能看到按钮
按钮样式代码如下
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
会是css代码的兼容性问题么?
对比了网页的源代码、css代码,都是一模一样,瞬间感觉无从下手了。。。
------解决思路----------------------你分别用f12 进入调试模式进行调试呀。。。对比一下代码的区别就知道了。
------解决思路----------------------先将按钮改成普通的。比如 .glyphicon{
width: 100px;
height: 80px;
background: red;
///先看这个在极速模式下的区别,再去一个一个添加你的这个按钮的样式代码,看看问题出在哪一行
如果最普通的样式也会有这种情况,那说明你这个class 可能会与js有关联,导致不兼容。改个名字试一下,如果改了名字还不行,那就可能是其他的样式(比如它的顶层样式)影响到了。慢慢试一下吧。
}