我使用tailwindcss移植一个应用程序，以与IE11一起使用。不幸的是，TailWindCSS坚持使用现代的

Question

POSTCSS-color-rgb

将其转换为通常的语法，无用：

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

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

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

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

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

postcss-color-rgb

Answer 1

来禁用此问题。

tailwind.config.js 在我的情况下，我在文本和边框颜色上也有类似的问题。您可能需要进行试验并找出这些“不透明度”公用事业中的哪些引起麻烦。对于我的项目，我禁用了所有这些：

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

     backgroundOpacity: false,
    }
  }

从尾风CSS v4开始

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

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

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

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

Answer 2

tailwindlabs/tailwindcss

浏览器兼容性

-MDNDocs

一般而言，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