我使用tailwindcss移植一个应用程序，以与IE11一起使用。不幸的是。它生成这样的类：

Question

.bg-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-bg-opacity));
}

TailWind声称与任何现代浏览器兼容，有些人可能敢于将IE11分类为。关于让tailwindcss与IE11一起玩得很好的想法吗？

启用

Backgroundobacity实用程序时，TailWind将使用此语法。

如果您禁用它，它将使用常规的十六进制语法作为颜色，因此您甚至不再需要post CSS插件了！

您可以通过将其添加到您的

postcss([
    require('tailwindcss')(twConfig),
    require('postcss-color-rgb'),
    require('autoprefixer'),
]).process(cssContent, {
    from: css,
    to: `build/${name}.css.tmp`
})

：

来禁用此问题。

postcss-color-rgb

Answer 1

tailwind.config.js

从尾风CSS v4开始

从V4开始，TailWindCSS已从旧的RGB颜色刻度转换为使用俄克利。结果，从V4开始，不再有可能实现类似的IE11兼容配置。

  // tailwind.config.js
  module.exports = {
    corePlugins: {
      // ...

     backgroundOpacity: false,
    }
  }

pr＃14693：添加新的宽绿色调色板的初稿

自2023年以来，所有现代浏览器都支持Oklch颜色值。由于与IE11兼容的设置，TailWindCSS将不再落后于落后，因为对IE11的支持已完全删除。

  // tailwind.config.js
  module.exports = {
    corePlugins: {
      // ...
        backdropOpacity: false,
        backgroundOpacity: false,
        borderOpacity: false,
        divideOpacity: false,
        ringOpacity: false,
        textOpacity: false
    }
  }

浏览器兼容性

-MDNDocs

Answer 2

一般而言，Tailwind CSS v3.0是为Chrome，Firefox，Edge和Safari的最新稳定版本设计和测试的。它不支持任何版本的IE，包括IE11.

• 兄弟支持 -TailWindcss v3docs tailwind CSS v4.0是为现代浏览器设计和测试的，框架的核心功能特别取决于这些浏览器版本：

Chrome 111（2023年3月发行）

Safari16.4（2023年3月发布）

Firefox 128（2024年7月发布）
兄弟支持

-tailwindcss v4docs