CSS是一种用于样式布局的语言，可以用于控制网页中各种元素的样式，包括图片。然而，有时候在使用CSS样式布局图片时，可能会遇到图片被遮挡的问题。
通常情况下，当使用CSS选择器来限制图片的可见性时，可能会导致图片被遮挡。这是因为选择器会直接选择图片所在的元素，而不是图片本身。因此，如果选择器的范围不正确或选择器过于强大，可能会导致图片被遮挡或不能完全显示。
以下是一些可能导致图片被遮挡的问题和解决方法：
1. 选择器范围不正确：如果选择器的范围不正确，例如选择器超出了图片元素的范围，那么图片可能会被遮挡。解决方法是确保选择器的范围正确设置，并只选择图片元素所必需的部分。
2. 元素高度或宽度不足：如果图片元素的高度或宽度不足，那么图片可能会被遮挡。解决方法是调整元素的高度或宽度，使其足够大以显示图片。
3. 图片尺寸不匹配：如果图片的尺寸与元素的尺寸不匹配，那么图片可能会被遮挡。解决方法是确保图片的尺寸与元素的尺寸匹配，并使用绝对定位或百分比定位来使图片居中或精确显示。
4. 遮罩层数量过多：如果遮罩层数量过多，那么图片可能会被遮挡。解决方法是减少遮罩层的数量，或使用CSS3中的媒体查询来动态加载图片。
5. 浏览器兼容性问题：某些浏览器可能不支持某些CSS选择器和属性，从而导致图片被遮挡。解决方法是确保选择的浏览器和版本兼容，并尝试使用其他选择器或属性。
CSS图片被遮挡问题可以通过正确的选择器设置、元素高度或宽度、图片尺寸匹配、遮罩层数量和浏览器兼容性来解决。为了避免这种情况，应该始终注意选择器和属性的范围，并确保它们只选择图片元素所必需的部分。