如何用css+div 和圆角图片实现一个圆角满屏的方框
这个方框的高和宽度都要100%而且都要随浏览器的大小变化而改变,也就是满屏。图片是用八张图,四个圆角和四条边。中间空白的地方是用来存放内容的,存放内容后边框的形状和位置都...
这个方框的高和宽度都要100%而且都要随浏览器的大小变化而改变,也就是满屏。图片是用八张图,四个圆角和四条边。中间空白的地方是用来存放内容的,存放内容后边框的形状和位置都不改变。我之前用table可以实现的,效果如插图。但是用css+div我就是弄不好。烦请知道的朋友,不吝赐教。
展开
3个回答
展开全部
想不出来 就算想出来嵌套的DIV也太多了 不如用少量DIV和JS配合使用 计算高宽在赋值什么的
追问
嗯,这个方法可以,但是具体怎么样实现呢?要是有些浏览器禁用了js怎么办呀?
追答
现在浏览器不可能禁用JS了 就像你操作系统没装显卡想玩游戏? 有些东西是必备的
就像COOKIE一样 你关闭了 那80%的网站就登陆不了了 包括GOOGLE BAIDU QQ 都一样 因为SESSION是基于COOKIE的 这里就不多说了
反正就是不用考虑禁用了JS 那是不现实的
JS获取浏览器高度宽度 在算去呗。。。。
展开全部
放四个div用来放圆角图片,绝对定位到四个角上。四条边直接写border
追问
这个方法也是可以的,但是呢,用了绝对定位,对方框里面的元素不好,在弄了这个框后,还要在里面放置很多元素的,他们以后会继承了一些属性,可能会出现错误的。还有一个就是能不能不用边框来实现四条边呀?用图片可以不?
追答
图片也是可以的,那就是九个div.上中下各三个,用float都向左浮动。不过这样比较麻烦,如果高度不确定的情况下,有的浏览器里是不支持高度百分比的。个人建议还是用table来做这个比较省事。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
设置的宽度全部都用百分比来定义
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询