html - 无法在 Material Design Lite 的对话框模式中插入图像

标签 html image css material-design-lite

如 codepen 中所示,类 .mdl-dialog__content 不会用作容器并根据图像大小进行调整。不知道如何让它工作。谢谢。

http://codepen.io/anon/pen/XKGrPz

最佳答案

给模态框那个图片作为背景

.mdl-dialog {
  background: url('https://static.squarespace.com/static/52536652e4b007332ef4ecf4/52dec946e4b0ca499f87bce7/52dec978e4b0ca499f88ed14/1327377105003/1000w/CIPCreative_WHATEVER60.jpg');
}

或者,如果您想将该图像保留在您的 html 中,请提供图像 width:100%;

关于html - 无法在 Material Design Lite 的对话框模式中插入图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38984156/

相关文章:

javascript - Bootstrap 导航栏移动切换不起作用

html - 左对齐和中对齐都在同一类中

css - 页面不允许向下滚动以查看页面上的所有内容

html - WordPress : Genesis Framework Custom Nav CSS Class

php - CSS 动画在 Firefox 和 IE 上不起作用

javascript - 如果我在另一个下拉列表中选择特定值,我想将值添加到下拉列表

javascript - tinymce图片上传php插件什么的

html - Safari 上的纯 CSS 图像 slider 问题

c++ - image.rows 和 image.cols 小于实际图像大小 (c++)

javascript - 是否可以显示/隐藏部分 Canvas 图像,如 Image Sprite?