V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
sennes
V2EX  ›  问与答

网站按钮位置适应

  •  
  •   sennes · 2015-04-12 17:11:06 +08:00 · 1477 次点击
    这是一个创建于 3339 天前的主题,其中的信息可能已经有所发展或是发生改变。

    帮别人修改网站,对方是完全不懂的。
    我也就懂一点点。
    想请教一下怎么把play.png正好和index.png的相应位置重合?
    我试过设定绝对的位置,不过换个浏览器或者换个手机就错位了

    http://i.v2ex.co/QpSYhT5Jl.png

    给出一部分代码,有需要的话再贴。

    .start{
            background: url("img/index.png") no-repeat center;
            height: 535px;
        }
        #play{
            position: absolute;
            bottom: 40%;
            left: 34%;
        }
    </style>
    <script type="text/javascript" src="js/game.js"></script>
    

    </head>
    <body>
    <div class="start">
    <img id="play" src="img/play.png">
    </div>

    我觉得是改CSS #play 的这个位置就可以了。不过改来改去都不满意。
    大家有什么建议? 先谢谢大家。

    2 条回复    2015-04-12 17:35:21 +08:00
    icyflash
        1
    icyflash  
       2015-04-12 17:26:52 +08:00
    div.start要设置width min-width position为relative
    #play不要用定位不要用百分比,用px

    不过你这个。。根本就不应该这么去弄
    play.png那个根本没必要
    要在index.png那上面的play加上按钮的话
    直接用一个a display:block 设置相应的长宽 其它的就根上面说的一样,调位置。
    sennes
        2
    sennes  
    OP
       2015-04-12 17:35:21 +08:00
    @icyflash 谢谢,我去试试
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3579 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 04:17 · PVG 12:17 · LAX 21:17 · JFK 00:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.