Question

所以我有一张图片，它位于我的sysmail_help_admin_account_sp元素下，但这是否可能，如果图片在那之下，那部分将被隐藏（切断）？

Answer 1

你可以用css隐藏div中的图像部分：

.divclass {overflow:hidden}

Answer 2

是的！如果您有一个对象A（图像或文本或两者），以及在浏览器窗口中与A重叠的DIV B：

设置位置：相对和z-index：在它们两者上（位置：绝对也会起作用，如果它保留你的布局），这样B＆s的z-index的值就大于A.确保B确实堆叠在A之上，而不是在它之下。例如，这个CSS：

img＃A {
```
position:relative;
z-index:100;
```
}

div＃B {
```
position:relative;
z-index:200;   /* Can be any number larger than the z=index of #A */
```
}
您还必须为B设置背景颜色，因为默认（有时是透明的）背景不会遮挡任何内容。确定您是否希望背景颜色与页面的其余部分颜色相同，或者使用不同的颜色。

奖励：如果您想通过B＆＃39的背景显示A 稍微，请将颜色指定为RGB，并使用Alpha（不透明度）值。例如，在CSS中，30％的半透明白色背景就像这个CSS：

div＃B {

position:relative;
z-index:200;   /* Can be any number larger than the z=index of #A */
background-color:#fff; /* For downlevel browsers */
background-color:rgba(256,256,256,0.3); /* The last argument is for opacity, the valid range is from 0 to 1. */

}

请注意，我们首先提供默认的纯白背景（#fff），以支持仍然无法快速了解RGBA语法的任何浏览器。这里的半透明版本 - rgba（256,256,256,0.3） - 之后，它将取代所有支持RGBA声明的浏览器中的不透明背景;所有其他浏览器仍会覆盖/遮盖您的对象，但没有半透明效果。

CSS - 如果图像在div的区域中，那么切断区域中的那块？

2 个答案: