万能的童鞋们进来看看..-关于现在流行的圆角技术.

Google了百次..百度了百次..无解.. 只能求助于万能的CSDN... 



请问大大们这个效果的圆角是怎么弄的. 需要哪种技术用哪种容器呢(panel, placeholder.还是神马的..). 

最主要是在header上面按右键不能保存图片背景, 说明不是用简单的css弄成的. 

求解, 万分感谢...

这个是截图来源: http://forums.asp.net/p/1377774/2902339.aspx

24 个解决方案

#1

第三方的用戶控件。。。
Dev等等。。

#2

http://kb.cnblogs.com/page/84160/

#3

谢谢大大.... 可是..问题是..

公司用是IE6...而显示微软那个论坛上的圆角也没问题啊...

引用 2 楼 wuyq11 的回复:

http://kb.cnblogs.com/page/84160/

#4

噢..您说的是比如extjs这类的东西吗...

引用 1 楼 sid2008 的回复:

第三方的用戶控件。。。
Dev等等。。

#5

看看那个博客，圆角很多资料

#6

圆角是不是流行就不说了...但如果你看到满篇的如下代码...

            <div class="content_container">
		        
					<div class="header_container">  
                    
                        <div class="header_top">
                            <div class="header_top_right"></div>
                        </div>
                        <div class="header_content mix10">
                            <div class="header_content_right">

却还看不出是怎么弄的...

说明你真的不懂css...

ps:css也真的不简单...

#7

介个我看过了拉.. 也研究了半天.. 这个是客户端的, 我想他那个应该是个控件什么的.
因为我根据他这个css弄了个一模一样的..结果一点效果都没....

引用 6 楼 vrhero 的回复:

圆角是不是流行就不说了...但如果你看到满篇的如下代码...

HTML code
            <div class="content_container">
                
                    <div class="header_container">  
                    
                ……

#8

随便从那里给你摘一段css看看...看来你不光不懂css，连html也不懂...

/*
Message Styles
*/

.CommonInlineMessageTitle, .CommonMessageTitle
{
	background:url(http://i2.asp.net/common/forums-css/i/bg_heading.png?cdn_id=20) no-repeat;
	position:relative;
	background-color:#7AA4DD;
	margin-top:6px;
	padding:0;
	clear:both;
}

.CommonInlineMessageTitle h2, .CommonMessageTitle h2
{
	padding:5px 8px 4px 8px;
	margin:0;
	font-size:.95em;
	position:relative;
}

.CommonInlineMessageTitleRight, .CommonMessageTitleRight
{
	background:url(http://i2.asp.net/common/forums-css/i/bg_heading.png?cdn_id=20) no-repeat;
	position:relative;
	_height:1px;
	background-position:0 -70px;
	height:5px;
	width:5px;
	float:right;
	overflow:hidden;
}

.CommonInlineMessageArea, .CommonMessageArea
{
	background:url(http://i2.asp.net/common/forums-css/i/bg_bucket.png?cdn_id=20) repeat-x 0 -44px;
	min-height:1px;
	_height:1px;
	position:relative;
}

#9

不懂html不懂css想做网站...就像想做厨师不会用刀分不清盐糖一样，好好补补基础吧...

#10

该回复于2011-02-09 15:38:26被版主删除

#11

该回复于2011-02-09 15:02:14被版主删除

#12

该回复于2011-02-09 15:02:14被版主删除

#13

该回复于2011-02-09 15:02:58被版主删除

#14

呵呵..兄弟..话不能这么说..
问题上我已经阐述了, 如果是用简单的CSS做的话.麻烦点击您的右键看看
是不是直接可以把图片保存下来. 
但是人家搞出来的不能保存的, 而且上面这些code是从服务器出来的, 
不过谢谢您的帮助..

引用 9 楼 vrhero 的回复:

不懂html不懂css想做网站...就像想做厨师不会用刀分不清盐糖一样，好好补补基础吧...

#15

引用 2 楼 wuyq11 的回复:

http://kb.cnblogs.com/page/84160/

不错。学习了

#16

唉...都说了你不懂html不懂css，没想到你连基础的浏览器知识都不懂...

你难道不知道不是所有图像元素都可以右键保存的？css的background就不能...还有，服务器出来是什么？B/S什么意思？B/S的东西哪些在S哪些在B？这些最最基础的东西你都不知道如何做网站？

不懂没关系，但不能不愿意去学...更不能认为你“以为的”就一定是正确的...

#17

引用 16 楼 vrhero 的回复:

唉...都说了你不懂html不懂css，没想到你连基础的浏览器知识都不懂...

你难道不知道不是所有图像元素都可以右键保存的？css的background就不能...还有，服务器出来是什么？B/S什么意思？B/S的东西哪些在S哪些在B？这些最最基础的东西你都不知道如何做网站？

不懂没关系，但不能不愿意去学...更不能认为你“以为的”就一定是正确的...

web 开发让人恼火的部分就在这里

#18

lz 

F12  ...

学会使用 F12 !!!

#19

http://i2.asp.net/common/forums-css/i/bg_heading.png?cdn_id=20
楼主访问这个链接 看下这个图片

圆角。。。。

#20

就为了个圆角，浪费那么多时间。

程序员还是好好干，编码工作。

#21

现在好多人说：
我会开关电脑，我会用QQ，我会发EMAIL，我会打字，我会用WORD，我会下载文件，我有QQ空间。
那么自然我就会做网站。很多自主建站的系统都是这样广告的。于是越来越多的人认为做网站就像维护QQ空间一样简单。
哼哼！我让你们这些做web的程序员全下岗。

#22

不就是个背景图片吗。。。
[img=http://i1.asp.net/common/forums-css/i/bg_breadcrumb.png?cdn_id=21][/img]

#23

暂且不说, 圆角技术. 
因为, 需求不一样, 实玩方式, 调用方式也很多种, 现在的第三方控件已经比较成熟了, 而且开源/免费...

但不明白怎么就成了, "万能的童鞋们" - -"...

#24

该回复于2011-02-09 16:09:51被版主删除