轮播图标题阴影由 .carousel-caption 的 background-color 控制，非 text-shadow；需通过自定义 CSS 覆盖 rgba(0,0,0,.6)，可调透明度、换纯色或设 transparent，并注意移动端 display:none 及响应式适配。
轮播图标题阴影由 .carousel-caption 的 CSS 控制
bootstrap 默认给 .carousel-caption 加了半透明黑底（background-color: rgba(0,0,0,.6)），不是文字阴影（text-shadow），很多人误调 text-shadow 白忙活。真正要改的是这个背景层的透明度、颜色或干脆去掉。
- 修改位置在自定义 CSS 中覆盖 Bootstrap 的默认规则，优先级要够（比如加
!important或用更具体的父选择器） - 如果只想要纯色不透明背景，把
rgba(0,0,0,.6)换成#000或hsl(0,0%,10%)都行 - 若想完全去掉背景，设
background-color: transparent即可，但得确认文字在任意图片上都可读——否则必须补text-shadow
想保留阴影感但更柔和？别碰 text-shadow 就完事
直接调 text-shadow 容易让标题在浅色图上糊成一团。更稳妥的做法是：用半透明白/灰背景 + 细微文字描边，兼顾可读性和轻量感。
-
text-shadow: 0 1px 2px rgba(0,0,0,.3)比默认的0 1px 2px rgba(0,0,0,.5)更淡，适合现代设计 - 搭配
background-color: rgba(255,255,255,.7)和深色文字，比黑底更清新 - 注意：Bootstrap 5+ 移除了
.carousel-caption的固定 padding，需手动加padding: 1.5rem保证呼吸感
响应式下背景阴影失效？检查媒体查询断点
Bootstrap 的 .carousel-caption 在小屏（sm 以下）默认被设为 display: none，你改的样式根本没生效。这不是 bug，是默认行为。
- 如果要在移动端也显示标题，加自定义 CSS：
@media (max-width: 576px) { .carousel-caption { display: block !important; } } - 移动端建议降低背景透明度（如
rgba(0,0,0,.4)），避免遮挡图片细节 - 别依赖 Bootstrap 的
text-white类——它在暗背景上没问题，但在你自定义的浅色背景上会直接看不见文字
用 Sass 覆盖时，$carousel-caption-padding-y 和 $carousel-caption-color 是关键变量
如果你项目用的是 Bootstrap 源码（Sass 版），直接改变量比写覆盖 CSS 更干净。但要注意：这些变量只影响编译后的 CSS，不作用于 CDN 引入的 CSS 文件。
-
$carousel-caption-padding-y: 1.5rem控制上下内边距，太小会让文字贴边 -
$carousel-caption-color: #fff是文字色，和背景搭配不好就立刻翻车 -
$carousel-caption-bg: rgba(0, 0, 0, .6)就是那个“阴影”的本体，改它最直接 - 改完必须重新编译 Sass，否则白改
.carousel-caption 元素的 computed styles 看两眼，比查文档快得多。
