-1

所以我正在尝试制作这个投资组合，并且我试图将 az index 放在所有变量上，这样我就可以将背景制作成别的东西，但是所有代码都卡在了屏幕的角落，我无法得到它即使在我删除了分层代码之后也要出去，如果它有帮助的话，这段代码都是用replit编写的。 https://portfolio-attempt-1.dacringeking.repl.co/

4

1 回答 1

0

以这种方式更改和更新您的代码，然后它应该可以按您的意愿工作

html {
    display: block;
}
body {
      color: aliceblue;
      font-family: lato;
      background-size: 300%;
      min-width: 20vh;
      background-image: linear-gradient( 45deg, pink, red, blue, purple );
      animation: Ebackground 15s infinite alternate;
      width: 100vh;
 }
 
.backdropthing {
      display: grid;
      background-color: rgb(19, 9, 85);
      width: 220vh;
      height: 10vh;
      padding: none;
      grid-template-columns: 15vh 25vh 30vh 25vh 25vh 25vh;
}
 .buttonbasic {
      width: 25vh;
      height: 10vh;
      font-size: 3vh;
      padding: -1;
      border: none;
      background: none;
      color: aliceblue;
      cursor: pointer;
}
 .backdropthing a {
      text-decoration: none;
      font-family: lato;
      color: #ddd;
}
 
 .bigtext {
    position: relative;
    text-align: margin;
    width: 100vh;
}

.text {
    text-align: margin;
    position: relative;
    /* margin-left: -50vh; */
    width: 70vh;
    height: 14vh;
}
<body>
    <div class="backdropthing">
            <a href="index.html">
                <button class="buttonbasic" id="ridicule1">Home</button></a>
            <a href="dumb.html">
                <button class="buttonbasic" id="ridicule2">Websites</button></a>        
            <a href="dumber.html">
                <button class="buttonbasic" id="ridicule3">Videogames</button></a>  
            <a href="requested.html">
                <button class="buttonbasic" id="requested">Requested</button></a>               
            <a href="regular.html">
                <button class="buttonbasic" id="regular1">About me</button></a> 
            <a href="regularer.html">
                <button class="buttonbasic" id="regular2">Social Medias</button></a>
        
    <script src="script.js"></script>
<div>
    <h1 class="bigtext">Hello, and welcome to my portfolio.</h1><p class="text">This is my first portfolio that I've made on my own, and I will be improving on it in the future. I will be storing all of my websites and video games I've made in this portfolio. This will also be where I put my social medias and other information.</p>
</div>
        
            
    

</div></body>

于 2022-02-27T21:09:46.693 回答