我是一个新手,当谈到使用Directus.我试图风格卡有一个Directus图像的背景图像.我怎么能做到呢?

我试过了:

<Card style={{backgroundImage:"url({someColletion.image.id})" >
    <CardHead/><CardContent />
</Card>

推荐答案

样式如下:

容器样式={位置:绝对>;>;

<;DirectusImage Style={{Position:"Relative"}}/>;

参考文献:https://www.w3schools.com/howto/howto_css_image_text.asp

Css相关问答推荐

Css-如何隐藏WP管理菜单上没有css类的第4<;li&>

SVG文本在移动浏览器上增长并溢出

如何在CSS中创建水平/垂直对称的虚线边框?

MUI Textfield-悬停时输入标签 colored颜色

如何仅在CSS中屏蔽具有多个形状的div框?

为什么删除 AnimatePresence framer.div 时会出现轻微卡顿?

在 React Native 中创建背景

如何让我的注册按钮在我的网站上像球一样 skip ?

在活动状态下更改按钮的外观

AngularJS Graphs & Charts - 实线和虚线的混合

如何在 nth-child 中正确传递 CSS 变量?

你可以在 CSS 中扩展实体(entity)吗?

CSS3 的 :root 伪类和 html 有什么区别?

如何从 表格单元格中创建链接

边框半径 + 背景 colored颜色 == 裁剪边框

使用 float:left 后如何获得新行?

css3 nth 类型限制为类

CSS 悬停与 JavaScript 鼠标悬停

为什么是垂直对齐:文本顶部;不能在 CSS 中工作

使用 CSS go 除图像之间的空间