emu in blogjava
          
				
          
			          		
		
          
	
          

          

          
	
          
		
          
			
 
BlogJava ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理 ::


			
			
				

          
	
          
		
          
			
			
			
				 
				171 
				隨筆 ::
				103 文章
				::
				1052 評論
				::
				2 Trackbacks
			
		
          
	
          

          

			          		
		
          
	
          

          


          


          
	
					

          
	
	
	
          
		
          <span style="border-left:100px solid white;border-top:400px solid red;width:0px;position:absolute;top:10px;left:10px"></span>

          <span style="border-left:99px solid;border-left-color:transparent !important;border-left-color:yellow;;border-top:396px solid white;width:0px;position:absolute;top:10px;left:12px;filter:progid:DXImageTransform.Microsoft.Chroma(color='yellow')"></span>

                     <span style="border-right:100px solid white;border-top:400px solid red;width:0px;position:absolute;top:10px;left:110px"></span>

          <span style="border-right:98px solid;border-right-color:transparent !important;border-right-color:yellow;border-top:392px solid white;width:0px;position:absolute;top:10px;left:110px;filter:progid:DXImageTransform.Microsoft.Chroma(color='yellow')"></span> 
          

          這個實現實在是有點匪夷所思了。IE/FF/OPERA下面可用。在safari下面計算border的時候有多一個像素的誤差，因此這個坐標要做一些調整：

          

          <span style="border-left:100px solid white;border-top:400px solid red;width:0px;position:absolute;top:10px;left:10px"></span>

          <span style="border-left:99px solid;border-left-color:transparent !important;border-left-color:yellow;;border-top:396px solid white;width:0px;position:absolute;top:10px;left:12px;filter:progid:DXImageTransform.Microsoft.Chroma(color='yellow')"></span>

                     <span style="border-right:100px solid white;border-top:400px solid red;width:0px;position:absolute;top:10px;left:110px"></span>

          <span style="border-right:98px solid;border-right-color:transparent !important;border-right-color:yellow;border-top:392px solid white;width:0px;position:absolute;top:10px;left:110px;filter:progid:DXImageTransform.Microsoft.Chroma(color='yellow')"></span> 
          
  

	
          
	
	
          
		posted on 2007-07-20 19:42 emu 閱讀(1920) 評論(3)  編輯  收藏  
	
          

          







          
	    
    


          

          
	
          評論
          
		
		
				
          			
					
          
						# re: 純html的折線新畫法
							
								2007-11-22 10:21
							
						bojna
					
          
					
          
						確實匪夷所思  回復  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: 純html的折線新畫法
							
								2008-01-11 09:24
							
						emu
					
          
					
          
						http://labs.cloudream.name/google/chart/api.html  回復  更多評論
						
          
						  
					
          
				
          
				
          
			
				
          			
					
          
						# re: 純html的折線新畫法
							
								2008-01-21 17:56
							
						coolery
					
          
					
          
						看了之后想吐血  回復  更多評論
						
          
						  
					
          
				
          
				
          
			

          




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊用戶登錄后才能發(fā)表評論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          




    







          
        
	




主站蜘蛛池模板：
修文县|
阿城市|
泗洪县|
荆州市|
通州市|
谢通门县|
昆山市|
邢台县|
白山市|
龙山县|
彭山县|
眉山市|
灵山县|
民权县|
汉中市|
阜平县|
镇安县|
封丘县|
枣强县|
洛浦县|
都匀市|
栾川县|
印江|
雅安市|
乌兰察布市|
仙桃市|
绍兴市|
大理市|
余江县|
巫山县|
隆尧县|
巩义市|
开远市|
寿阳县|
将乐县|
东莞市|
德格县|
兴宁市|
老河口市|
SHOW|
威宁|