Блог

Главная - Вопросы по программированию - Я создал тег привязки как кнопку, и он не работает

Я создал тег привязки как кнопку, и он не работает

#php #css #frontend

#php #css #интерфейс

Вопрос:

Я пытаюсь создать тег привязки как кнопку и пытаюсь добавить к нему немного css, но он не доступен для просмотра, вот мой html-код. Я следую руководству YouTube, я следил за видео на 100%, но мое не работает, извините, я просто новичок в веб-разработке, спасибо за помощь.

     <body>
      <!-- Welcome Page -->
      <section id="ulambg"> 
        <div class="ulambg container">
          <div>
            <h1>Eatwell</h1>
            <a href="#" type="button" class="btnulam">Ready to Eat</a>
            <a href="#" type="button" class="btn btn-primary">Ready to Cook</a>
          </div>
        </div>
      </section>
    
      <!-- End Welcom Page -->

И это css, который я использовал в программе, это из-за Java? Я прочитал какой-то форум, в котором говорится, что некоторые функции java не будут работать, если вы отключили java на своем компьютере.

     @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600amp;display=swap');
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    html {
        font-size: 15px;
        font-family: 'Raleway', sans-serif ;
    }
    
    a {
        text-decoration: none;
    }
    
    .container { 
        min-height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
     }
     
    
    /*Welcome Page Section Ulambg*/
    #ulambg { 
        background-image: url(./img/bg.jpg);
        background-size: cover;
        background-position: top center;
        position: relative;
     }
     #ulambg::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: black;
        opacity: .5;
     }
    
     #ulambg h1 {
        color: white;
        width: fit-content;
        font-size: 4rem;
        position: relative;
    
     }
    
     #ulambg .btnulam {
        display: inline-block;
        padding: 10px 30px;
        color: blue;
        background-color: transparent;
        border: 2px solid blue;
        font-size: 2rem;
        text-transform: uppercase;
        letter-spacing: .1rem;
        margin-top: 30px;
        transition: .3s ease;
        transition-property: background-color;
     }
    
     #ulambg .btnulam:hover {
        color: white;
        background-color: blue;
     }
    
    
    /*Welcome Page Sectio Ulambg*/

Комментарии:

1. вы не указали ни одной ссылки href на свой тег привязки, тогда как это будет работать.

Ответ №1:

добавление z-index: -1 #ulambg::after , это фон, не должно закрывать страницу.

ДЕМОНСТРАЦИЯ

Ответ №2:

если я правильно понимаю, вы имеете в виду <a href=»#».. <- Тег привязки не доступен для просмотра? Если да, вам нужно дать ему имя, например <a href=»#GoHere» .. и это означает, что ссылка указывает на идентификатор где-то на странице (например, на: <img id=»GoHere» src=»/img/pic.gif «…

Я сам новичок в этом, но, надеюсь, я мог бы как-то помочь 🙂