Linear-gradient not working in chrome, linear-gradient không hoạt động trên Firefox

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi seolagi, 8/4/20.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,028
    Đã được thích:
    80
    Điểm thành tích:
    48
    HI mọi người, như tiêu đề bài viết: Linear-gradient not working in chrome, linear-gradient không hoạt động trên Firefox, cái -webkit-linear-gradient của mình tô màu trong css nó không chạy trên chrome, lúc chạy được trên chrome thì lại không chạy được trên firefox chán ghê, lúc được thì lại không được trên safari. Bạn nào giúp mình đoạn code chạy được mọi trình duyệt với, cảm ơn mọi người.
    HTML:
    background: -moz-linear-gradient(top,#288ad6,#21659e);
     
    Cảm ơn đã xem bài:

    Linear-gradient not working in chrome, linear-gradient không hoạt động trên Firefox

    seolagi, 8/4/20
    #1
  3. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,894
    Đã được thích:
    1,198
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Của bạn đây nhé:
    HTML:
    background: -webkit-gradient(linear, top left, top right, color-stop(0%, #1e69b2), color-stop(50%,#288ad6), color-stop(100%,#1e69b2)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, #1e69b2 0%,#288ad6 50%,#1e69b2 100%); /* Chrome10+, Safari5.1+ */
background: -moz-linear-gradient(top, #1e69b2 0%,#288ad6 50%,#1e69b2 100%); /* FF3.6+ */
background: linear-gradient(to top, #1e69b2 0%,#288ad6 50%,#1e69b2 100%); /* W3C */
     
    admin, 8/4/20
    #2
    seolagi thích bài này.
  4. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,028
    Đã được thích:
    80
    Điểm thành tích:
    48
    Cảm ơn ad rất nhiều, m đã làm được
     
    seolagi, 8/4/20
    #3


Chủ để tương tự : Linear-gradient working
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Sửa lỗi: "position: sticky" không hoạt động, "position: sticky" not working 9/7/21