阿思
阿思
  • 发布:2016-03-08 18:22
  • 更新:2016-03-09 15:45
  • 阅读:4724

Mui mui-content 被header

分类:MUI

mui-content 里面的控件 被header 遮住!

2016-03-08 18:22 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

dom结构不对。贴一下代码

阿思

阿思 (作者)

在android 可以正常显示,在IOS下就出现这个问题被header 遮住。代码如下

复制代码<header class="mui-bar mui-bar-nav">  
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
            <h1 class="mui-title">宝贝编辑</h1>  
            <button type="button"  onclick="upload()" class="mui-btn mui-btn-purple mui-pull-right">发布</button>  
        </header>  
        <div id="dcontent" class="mui-content">  
                <img  id="1" style="width:100%;"></img>  
            <table style="width:100%;">  
                <tbody>  
                    <tr>  
                        <td style="width:40%"><div class="button button-select" onclick="appendByCamera()">拍照</div></td>  
                        <td style="width:40%"><div class="button button-select" onclick="appendByGallery()">相册选取</div></td>  
                    </tr>  
                    <tr>  

                    </tr>  
                </tbody>  
            </table>  
        </div>
  • DCloud_UNI_FXY

    你是不是引用了其他css,里边覆盖了mui相关的css

    2016-03-09 15:46

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容