一个简单的圆角效果问题，请各位大侠解释。

岩-悠然 2013-11-21 10:20:13

我想做圆角效果，有两个图片：top.gif是上面的圆角图像，bottom.gif 是下面的圆角图形，如果写这样的代码：
<html>
<head>
<style type="text/css">
.box{width:418px; background: #EFFCE7 url(bottom.gif) no-repeat left bottom;}
.box h2{background:url(top.gif) no-repeat left top;}
</style>
</head>
<body>
<div class="box">
<h2>
dfdsfd
</h2>
<p>
ddddd
</p>
</div>
</body>
<html>
没有问题，为什么改成这样的代码就有问题呢？
<html>
<head>
<style type="text/css">
.box{width:418px; border:1px solid red; background: #EFFCE7 url(bottom.gif) no-repeat left bottom;}
.box h2{background:url(top.gif) no-repeat left top;}
</style>
</head>
<body>
<div class="box">
<h2>
dfdsfd
</h2>
<p>
ddddd
</p>
</div>
</body>
<html>

好像是ie浏览器没事，google浏览器不行。

...全文

86 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

取个昵称不难 2013-11-21

打赏
举报

回复

建议使用css3的圆角属性 box-radius

追云人 2013-11-21

打赏
举报

回复

有没显示效果的图片看看

前面拜读过本站无数高手的许多好文章，受益非浅，首先向各位大侠致敬！今天编程偶有小得，不敢独享，特拿出来与各位共享，希望对某些朋友有些许帮助。　　透明窗体的问题相信大家已经很熟悉了，前面的几期在线杂志也有几篇详尽的教程，总结一下就是通过SetWindowRgn这个函数来实现，具体的裁切框用CRgn来生成，比较简单的象圆，椭圆，圆角窗口等CRgn类都提供了相应的生成方法，我们如果想根据自己的图片

1.概述在商城类App中多属性商品的各规格联动选择的实现。2.效果商城类App中多属性商品规格选择的效果类型很多，本文实现的效果和淘宝相仿，效果如下： 3.思路3.1规格属性联动实现思路主要与后台接口的数据有关，本文的数据主要包括两个数组，商品的各规格属性的数组以及商品的规格属性组合的数组。此处题主在本地放了一个简单的json数据（可以去assets中修改数据，增加规格或者规格属性组合）。

前言按钮进度条，顾名思义，表面上长得像一个按钮，单击以后切换成进度条指示按钮单击动作执行的进度，主要用在一些需要直接在按钮执行动作显示对应进度的场景，在很多网页中经常看到这种效果，这个效果有个优点就是直接在原地显示进度条，不占用其他位置，然后提供各种颜色可以设置。近期大屏电子看板程序接近尾声了，文章末尾贴出几张动图效果。实现的功能 1:可设置进度线条宽度+颜色 2:可设置边框宽度+颜色 3:...

前言按钮进度条，顾名思义，表面上长得像一个按钮，单击以后切换成进度条指示按钮单击动作执行的进度，主要用在一些需要直接在按钮执行动作显示对应进度的场景，在很多网页中经常看到这种效果，这个效果有个优点就是直接在原地显示进度条，不占用其他位置，然后提供各种颜色可以设置。近期大屏电子看板程序接近尾声了，文章末尾贴出几张动图效果。实现的功能 1:可设置进度线条宽度+颜色 2:可设置边框宽度+颜色 3:...

这里只演示了部分尺寸约束，注意图中黑色的线是已约束的线，蓝色的线是未约束的线。每一条线都需要约束。在完成图12操作后按回车键，进入渲染。要注意除了常规的尺寸标注，还要约束原点的位置。右键空白处，关闭相机视图回到初始界面。以对称图形举例，先画出图形的一半。鼠标左键双击或者选中按F2。图7 草图绘制5-绘制圆角。图8 草图绘制6-尺寸约束。图9 草图绘制7-完全定义。这里推荐使用两侧对称方向。图4 草图绘制2-镜像。图6 草图绘制4-约束。图13 改变特征名称。

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章