Android 错误行为
编辑:Android 错误行为,android,css,cordova,webview,crosswalk,Android,Css,Cordova,Webview,Crosswalk,编辑: .cat-circler { margin-left: auto; margin-right: auto; height: 340px; width: 340px; display: block; position: relative; overflow: hidden; border-radius: 100%; box-shadow: 1px 1px 20px 5px #111111; } .rounded-image-parent { z-i
.cat-circler {
margin-left: auto;
margin-right: auto;
height: 340px;
width: 340px;
display: block;
position: relative;
overflow: hidden;
border-radius: 100%;
box-shadow: 1px 1px 20px 5px #111111; }
.rounded-image-parent {
z-index: 5; }
.rounded-image-parent .rounded-image {
border: 5px solid #444444;
width: 130px;
border-radius: 50%;
height: 130px; }
当同时使用box shadow
和border radius
时,这似乎是人行横道的一个bug。目前找不到修复程序
在cordova插件人行横道网络视图上,CSS的显示方式与其他网络视图不同
以下是浏览器和Android默认webview的工作示例:
下面是Android上的人行横道插件的webview上的相同元素:
相关CSS:
1。选择:
.cat-circler {
margin-left: auto;
margin-right: auto;
height: 340px;
width: 340px;
display: block;
position: relative;
overflow: hidden;
border-radius: 100%;
box-shadow: 1px 1px 20px 5px #111111; }
.rounded-image-parent {
z-index: 5; }
.rounded-image-parent .rounded-image {
border: 5px solid #444444;
width: 130px;
border-radius: 50%;
height: 130px; }
2。菜单的背景碟
.menuSaucer {
position: fixed;
height: 270px;
width: 270px;
left: -100px;
top: -100px;
background-color: #555555;
border-radius: 100%;
opacity: 0;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
box-shadow: 1px 1px 1px 1px #555555;
-moz-box-shadow: 1px 1px 1px 1px #555555;
-webkit-box-shadow: 1px 1px 1px 1px #555555; }
.menuSaucer.menuSauceropen {
opacity: 1;
transition-delay: 0.1s;
transition: 0.3s opacity linear;
z-index: 10; }
.menuSauceropen {
opacity: 1; }
我错过什么了吗?为什么会这样显示