Question Details

No question body available.

Tags

html css

Answers (1)

February 11, 2026 Score: 0 Rep: 280,944 Quality: Medium Completeness: 60%

Move the blur effect to a pseudo element instead:

table {
  border-collapse: collapse;
}
th,
td {
  padding: 10px;
  border: 1px solid black;
}
th {
  position: relative;
  z-index: 0;
}
th:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  backdrop-filter: blur(8px);
}
html {
  min-height: 100%;
  background: repeating-linear-gradient(135deg,#0000 0 15px,#ddd 0 30px);
}

  

    Hello
    World
  

  

    1
    2
  

  

    3
    4