即使我讀了alistapart - slidingdoors，我仍然卡住了。如何創建帶有圓角的假標籤？
這就是我想做的事：
的問題，你可能已經猜到了，是在中間。 這裏是我是如何「砍」到的div標籤（對不起它的醜陋，但它的速度更快來解釋這個方式）（綠色方塊=一個div）：
即使它不是IE6-7兼容（非常感謝微軟），這裏就是它給下火狐，Chrome和Opera：
現在我要完成邊界左，右，以及帶圓角上完成底部（如第一張照片）。你有沒有想法我應該怎麼做（並且記住我打算把工作交給另一個人，他的任務是讓我的工作與IE 6和7兼容）？我卡住了。
[編輯]後小時的搜索，並感謝「蓋比又名G. Petrioli」（非常非常感謝）的幫助下，我已經成功地做到幾乎都希望我想要的。
這裏就是我得到：
而這裏的，我想會得到什麼： 
如果你有什麼想法？
您可以使用css和選項卡右側的單個圖像。
看一看這個演示http://jsfiddle.net/uwUwK/3/並添加background-image的紅色元素（一個帶班.tab-separator）
如果你能與標籤的不同右側做（少拉長的），你根本不需要圖像，演示在http://jsfiddle.net/uwUwK/4/
你以某種方式在那裏有'-webki-border-radius'，而不是它有任何區別。 – thirtydot
@thirtydot，感謝您的領導:) :)更正.. –
謝謝，我已經更新了這裏的圖片http://jsfiddle.net/SPHnY/7/越來越近，現在我只需要地圖即可與其餘的相同的高度... CSS對我來說太難了...不要把所有那些雜亂的東西 –
如果應該的話兼容IE 6和7的唯一方法是使用圖像。 要麼作爲一個大的背景圖像（只有在高度和寬度是noct動態時才起作用），要麼爲每個邊框和角落使用一組圖像（帶有背景圖像的div和邊框重複的邊框）。
這也可以工作（我發現它與一個簡短的谷歌搜索）是http://css3pie.com/ 但取決於他們使用的方法，它會影響性能，即大量。
btw。如果你使用純css3，你有邊界半徑，甚至邊界圖像做這樣的事情。 （http://www.css3.info/preview/border-image/）
雖然你的圖像是有幫助的，我們需要看到你的HTML/CSS。[jsFiddle演示]（http://jsfiddle.net/）也有幫助。 – thirtydot
jsFissle =指向其他圖片的鏈接，我的圖片位於我的開發環境中=無法從外部訪問... –
您可以上傳這四張圖片：http：//imgur.com/。 – thirtydot