相关疑难解决方法(0)

是否可以在CSS中使用内联SVG定义？

我的意思是:

.my-class {
  background-image: <svg>...</svg>;
}

我需要这样的东西:

如何用css实现这一目标？我知道一种方法是使用背景图像,但我能用css实现这一点而没有任何图像吗？

如何从任何给定单元格的左下角到右上角创建对角线？

为了得到这个

<table>
    <tr>
        <td class="crossOut">A1</td>
        <td>B1</td>
    </tr>
    <tr>
        <td>A2 Wide</td>
        <td class="crossOut">B2<br/>Very<br/>Tall</td>
    </tr>
</table>

显示这一点

如何在整个(div)元素上放置一个大十字架？

我有一个页面上有一个人的详细信息 - 名字,dob,地址等 - 如果这个人已经去世,我仍然想显示联系方式(地址,电话号码等)但是想要放一个大十字架通过这一切表明它不应该被使用.

我真的只能想到使用一个图像,但由于元素的长度和宽度可能不同,我不知道这是怎么回事.

我想创建一个HTML表格,我可以在其中删除单元格,如下图所示:

我最初想过在单元格中做一个CSS直角三角形,但我无法弄清楚如何只为斜边而不是其他两边或三角形本身着色.

换句话说,我想做的是什么？
用对角线制作图像然后使图像伸展100%的单元格的宽度和高度是最有意义的吗？
谢谢.

如何使对角线填充并适合框（只是纯 css - 不使用任何背景图像）？

div.diagonal-container {
    border: 1px solid #000;
    width:400px;
    height:400px;
    margin: 0 auto;
}

.to-right,
.to-left {
    border-top:1px solid #ff00ff;
    width:100%;

    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.to-right {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

<div class="diagonal-container" style="">
    <div class="to-right"></div>
</div>

<div class="diagonal-container" style="">
    <div class="to-right"></div>
</div>

<div class="diagonal-container" style="">
    <div class="to-left"></div>
</div>

结果：

jsfiddle。

另外，是否可以只拥有一个元素而不包装它？例如：

<div class="to-right"></div>
<div class="to-right"></div>
<div class="to-left"></div>

是否可以？