网站按钮位置适应

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3512 天前的主题，其中的信息可能已经有所发展或是发生改变。

帮别人修改网站，对方是完全不懂的。
我也就懂一点点。
想请教一下怎么把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 的这个位置就可以了。不过改来改去都不满意。
大家有什么建议? 先谢谢大家。

div

script

src=

2 条回复 • 2015-04-12 17:35:21 +08:00

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

2015-04-12 17:35:21 +08:00

@icyflash 谢谢，我去试试