diff --git a/library/common/src/main/java/com/google/android/exoplayer2/text/TextOutput.java b/library/common/src/main/java/com/google/android/exoplayer2/text/TextOutput.java
index a039255fa9a..6d66dadbfca 100644
--- a/library/common/src/main/java/com/google/android/exoplayer2/text/TextOutput.java
+++ b/library/common/src/main/java/com/google/android/exoplayer2/text/TextOutput.java
@@ -25,6 +25,9 @@ public interface TextOutput {
   /**
    * Called when there is a change in the {@link Cue Cues}.
    *
+   * <p>{@code cues} is in ascending order of priority. If any of the cue boxes overlap when
+   * displayed, the {@link Cue} nearer the end of the list should be shown on top.
+   *
    * @param cues The {@link Cue Cues}. May be empty.
    */
   void onCues(List<Cue> cues);
diff --git a/library/ui/src/main/java/com/google/android/exoplayer2/ui/WebViewSubtitleOutput.java b/library/ui/src/main/java/com/google/android/exoplayer2/ui/WebViewSubtitleOutput.java
index f3de4298a5a..7a67b859204 100644
--- a/library/ui/src/main/java/com/google/android/exoplayer2/ui/WebViewSubtitleOutput.java
+++ b/library/ui/src/main/java/com/google/android/exoplayer2/ui/WebViewSubtitleOutput.java
@@ -278,6 +278,7 @@ private void updateWebView() {
               Util.formatInvariant(
                   "<div style='"
                       + "position:absolute;"
+                      + "z-index:%s;"
                       + "%s:%.2f%%;"
                       + "%s:%s;"
                       + "%s:%s;"
@@ -287,6 +288,7 @@ private void updateWebView() {
                       + "background-color:%s;"
                       + "transform:translate(%s%%,%s%%);"
                       + "'>",
+                  /* z-index */ i,
                   positionProperty,
                   positionPercent,
                   lineProperty,