页面效果显示有关问题
程序员文章站
2024-01-10 22:40:00
...
页面效果显示问题
服务器环境如下
window server 2012R2
IIS+PHP+MYSQL
基于PHPCMS的一个网站
问题如下：
页面中的一个按钮，在浏览器急速模式下，不显示，在兼容模式下，是可显示的
同样的网站代码，在本地部署以后，不管在急速模式还是兼容模式，都是能看到按钮
按钮样式代码如下
会是css代码的兼容性问题么？
对比了网页的源代码、css代码，都是一模一样，瞬间感觉无从下手了。。。
------解决思路----------------------
你分别用f12 进入调试模式进行调试呀。。。对比一下代码的区别就知道了。
------解决思路----------------------
先将按钮改成普通的。比如 .glyphicon{
width: 100px;
height: 80px;
background: red;
///先看这个在极速模式下的区别，再去一个一个添加你的这个按钮的样式代码，看看问题出在哪一行
如果最普通的样式也会有这种情况，那说明你这个class 可能会与js有关联，导致不兼容。改个名字试一下，如果改了名字还不行，那就可能是其他的样式（比如它的顶层样式）影响到了。慢慢试一下吧。
}
服务器环境如下
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有关联，导致不兼容。改个名字试一下，如果改了名字还不行，那就可能是其他的样式（比如它的顶层样式）影响到了。慢慢试一下吧。
}
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频