SharePoint Online Classic-仅使用CSS即可将提升的链接磁贴大小增加到275px

推广的链接具有挑战性。我的问题似乎与div.ms-tileview-tile-detailsBox元素有关。如果我能让它在静止时透明，我的代码将是“完美的”，是的，我尝试设置背景色：透明

这是我当前的代码，非常感谢您的帮助：

/*平铺行高*/
promlink女士{
高度：285px；
宽度：870px；
}
/*瓷砖尺寸，包括瓷砖之间的空间*/
女士tileview瓦根{
宽度：285px！重要；
高度：285px！重要；
}
/*平铺覆盖尺寸-标准蓝色背景*/
.ms tileview磁贴内容{
宽度：275px！重要；
高度：275px！重要；
}
/*图像尺寸*/
.ms tileview磁贴内容img{
宽度：275px！重要；
高度：275px！重要；
}
/*标题和说明覆盖尺寸*/
div.ms-tileview-tile-detailsBox{
宽度：275px！重要；
高度：275px！重要；
}
/*标题和说明文本*/
tileview女士查看瓷砖详细信息博物馆{
高度：275px；
填充：4px7px 7px；
字体大小：14px；
线高：17px；
}
tileview女士瓦片标题中崩溃{
高度：275px；
溢出：隐藏；
垂直对齐：底部对齐；
顶部：275px！重要；
}
/*描述未显示时的标题文本*/
tileview tile TitleExtMedium女士崩溃{
宽度：275px；
高度：40px；
位置：绝对位置；
顶部：130像素；
左：0px；
填充：4px7px；
字体大小：14px；
线高：17px；
背景色：rgba（0,0,0,0.3）；
}

我建议您提供屏幕截图，以便进一步研究

以下CSS样式供您参考：

<style type="text/css">
/* tile row height */
.ms-promlink-body {
    height: 285px;
    width: 870px;
}

/* tile dimensions, including space between tiles */
.ms-tileview-tile-root {
    width: 285px !important;
    height: 285px !important;
}

/* tile overlay dimensions - the standard blue background */
.ms-tileview-tile-content {
    width: 275px !important;
    height: 275px !important;
    background-color:#0072c6 !important;
}

/* image dimensions */
.ms-tileview-tile-content img {
    width:275px !important;
    height:275px !important;
    right:0px !important;
}

/* title and description overlay dimensions */
div.ms-tileview-tile-detailsBox {
    width: 275px !important;
    height: 275px !important;
    top:200px !important;
}

div.ms-tileview-tile-detailsBox:hover{
    width: 275px !important;
    height: 275px !important;
    top:0px !important;
}

/* title and description text */
.ms-tileview-tile-detailsListMedium {
    height: 275px;
    padding: 4px 7px 7px;
    font-size: 14px;
    line-height: 17px;
}

.ms-tileview-tile-titleMediumCollapsed {
    height: 275px;
    overflow: hidden;
    vertical-align: bottom;
    top: 275px !important; 
}

/* title text when description not shown */
.ms-tileview-tile-titleTextMediumCollapsed {
    width: 275px;
    position: absolute !important;
    top: 10px; 
    left: 0px;
    padding: 4px 7px;
    font-size: 14px;
    line-height: 17px;
}
</style>

/*瓷砖行高*/
promlink女士{
高度：285px；
宽度：870px；
}
/*瓷砖尺寸，包括瓷砖之间的空间*/
女士tileview瓦根{
宽度：285px！重要；
高度：285px！重要；
}
/*平铺覆盖尺寸-标准蓝色背景*/
.ms tileview磁贴内容{
宽度：275px！重要；
高度：275px！重要；
背景色：#0072c6！重要；
}
/*图像尺寸*/
.ms tileview磁贴内容img{
宽度：275px！重要；
高度：275px！重要；
右：0px！重要；
}
/*标题和说明覆盖尺寸*/
div.ms-tileview-tile-detailsBox{
宽度：275px！重要；
高度：275px！重要；
顶部：200px！重要；
}
div.ms-tileview-tile-detailsBox:悬停{
宽度：275px！重要；
高度：275px！重要；
顶部：0px！重要；
}
/*标题和说明文本*/
tileview女士查看瓷砖详细信息博物馆{
高度：275px；
填充：4px7px 7px；
字体大小：14px；
线高：17px；
}
tileview女士瓦片标题中崩溃{
高度：275px；
溢出：隐藏；
垂直对齐：底部对齐；
顶部：275px！重要；
}
/*描述未显示时的标题文本*/
tileview tile TitleExtMedium女士崩溃{
宽度：275px；
位置：绝对！重要；
顶部：10px；
左：0px；
填充：4px7px；
字体大小：14px；
线高：17px；
}

---

非常好的建议，感谢您的截图。正如你所看到的，标题后面的背景太高了。