html - 没有相对位置的圆 Angular

标签 html css

我想要一段精确的代码来为这个页面制作圆 Angular http://www.freecsstemplates.org/preview/fotofolium/ .当我使用 PIE.htc 文件时,它仅在我声明 position:relative; 时有效;我到处都用过它,这扰乱了布局。有人可以为该模板推荐没有 position 属性的代码。

我没有提供 moz 和 webkit,但是,它在 safari、chrome 等其他软件中工作。我只给了

border-radius:5px;
behavior: url("PIE.htc");
position: relative;

让它在所有浏览器中都能正常工作。如果我删除位置属性,即使使用 PIE.htc,它也不能只在 IE 中工作。我使用 moz,边框框的 webkit,也许与 FF,Opera 等一起工作。

最佳答案

使用边界半径

因为IE不支持border-radius,你可以使用CSS3 PIE .这就是 PIE.htc 的来源。

关于html - 没有相对位置的圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10861520/

相关文章:

html - 尝试为网站创建 css 样式(Bootstrap)

javascript - jQuery 如果输入字段有值,添加类

hover - CSS 悬停图像背景时遇到问题

html - 是否有可能阻止 CSS 过渡从悬停状态反转?

html - 我的 <footer> 有问题

html - 将元素对齐到垂直中心(中间),但当高于容器时滚动(从元素顶部开始)

iphone - 每次重新加载图像高度都会增加

javascript - 在 .animate 代码运行时单击 '' 时保持图像处于选中状态

html - 使用可见性属性悬停在图像上的文字?

html - 响应式设计加载(最大宽度 : 800px) as default layout