純css實現三角箭頭有幾種方式，常規的方式用css3的rotate把元素旋轉45度角，無法相容ie的主要原因是ie不支援邊框透明， 第二種方法，使用chroma濾鏡透明，經嘗試在ie下會出現activex的安全提示，基本不可行，第三種是用boder-style:dashed，這種方法效果比較完美，美中不足的是目測向下箭頭比上簡頭差了乙個象素，下簡頭需調整border-width減掉乙個畫素
效果：
**：
<style
>
.arrow
.up.down
style
>
<
div
style
="position:relative"
>
<
span
class
="arrow up"
style
="top:0px;position:absolute;"
>
span
>
<
span
class
="arrow down"
style
="top:50px;position:absolute;"
>
span
>
div>
CSS三角的寫法（相容IE6）
7.解決內聯元素的三角顯示問題 最終 擴充套件 三角的做法有好幾種 這裡主要介紹的純 寫的。寫的三角，不管大小是多少，是不失真的。執行比更快。如果專案中沒有引用字型圖示，寫是比較可靠的。原理就是使用css的盒模型中的border屬性 使用border屬性就可以實現乙個相容性很好的三角圖形效果，其底層...
純css製作三角 圓形按鈕，相容ie6
原文 以前一直用做小三角 圓形按鈕等，但有時候實在不太方便，例如換個顏色又要開啟ps弄，挺麻煩的。而且對於追求細節和極致的前端工程師來說，能不用就不用，於是參考了天貓 微博等 的做法，用純html和css實現，效果還是不錯的。以下是成果，相容主流瀏覽器，包括ie6。是 執行 編輯 檢視源 資源新增嚮...
使用css製作三角，相容IE6，用到的標籤
使用css來製作三角，在日常用得較多。恰好這幾天專案中有用到，之前只是從網上copy下來 直接用，但是今天在用的時候遇到一些問題，於是藉此機會把這個css繪製三角好好研究下吧。我們分別寫乙個,標籤，並給上下左右四個border賦值不同的顏色，看看是什麼樣子 html css 在chrome下如圖 在...