Question

我有一个网站，在索引页面上我有5个按钮围绕图片。

没有缩放，一切看起来都像我想要的但是当我缩放时，它们会直接放错位置。我试图使用相对单位而不是绝对单位，但后来情况变得更糟。

我的代码：

.myButton4 {
    position:absolute;
    transition: .5s ease;
     top: 25%;
    left: 63%;
    background-color:#B28F00;
    -moz-border-radius:36px;
    -webkit-border-radius:36px;
    border-radius:36px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Times New Roman;
    font-size:19px;
    font-weight:bold;
    padding:16px 34px;
    text-decoration:none;
    text-shadow:0px 0px 0px #82797f;
    }
    .myButton4:hover {
        background-color:#B28F00;
    }
    .myButton4:active {
        position:relative;
        top:1px;

也许有人可以帮助我？有人要求提供html：

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="'css.css"/>
        <title>title</title>
    </head>
    <body><center>
        <h1>Välkommen till min sida</h1></center></br></br>
        <center>
        <img src="indexpic.jpg" width="460" height="580"></center>
        <a href="http://link" class="myButton1"> text</a>
            <a href="http://link" class="myButton2">TEXT</a>
    </body>

Css按钮：缩放是错误的

0 个答案: