Firefox 17 ve CSS sınırları temelli üçgenler düzgün bir şekilde görüntülenmiyor.

Question

Birçok ön uç devresi gibi, CSS'de üçgenler oluşturmak için kenarlık numaralarını kullanıyorum. http://apps.eky.hk/css-triangle-generator/ Bu jeneratör tekniği ile yardımcı olur.

Bugün, Firefox ekibi, oluşturma motoru üzerinde net bir değişiklik göstermeden yeni bir sürüm yayınladı.

Şimdi, bu üçgenlerin etrafında bir belirsiz gri kenarlık görebilirsiniz. Bundan kurtulmak için bir numara bulamadım. düzenleme: "satranç gibi şeffaf" arka plan "yeşil"

bir şey için zorlamak daha kolay, daha önce Firefox 17 önce, insanlar bu üçgenler nasıl ek olarak görünüyordu nasıl şikayet edildi, ek bir hile sınır stili özelliğini katı yerine "kesik" olarak ayarlamaktı.

Üçgen üretecinde ateş tutamını kullanarak, şimdi nasıl gösterildiğini hemen görebilirsiniz.

Bunun için bir düzeltme olduğunu bilen var mı?

düzenleme: border-stilini kullanarak:

senin üçgenin rgb değeri almak ve kullanım: önerildiği gibi iç metin burada FF17

Answer 1

Tamam üzerinde açık bir renk vermektedir var bugüne kadar en iyi çözümdür Bu, üçgeninizin karşıt kenarları için "saydam" yerine 0 opaklık rgba olarak. Yanıtlarda söylediği gibi

border-color: transparent transparent transparent #ffffff; 
border-color: rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0) #ffffff; 

: sınır-stili ayarlama böyle bir şey ile biter IE8

için son çare olarak çalışacak merkezli "şeffaf" eski sözdizimi tutulması

Önerilen şekilde "ekleme" FF17'deki rengi değiştirir.

Umarım birileri daha basit bir çözüm bulacaktır veya bu yazı diğer insanlara yardımcı olacaktır.

Answer 2

Bu Adeher düzeltmesi ve diğer noktalı kenarlık düzeltmeleri, FF23'te sorunu mükemmel bir şekilde çözüyor gibi görünüyor. Uzun formda

: Adeher en RGBA() noktalı sınır düzeltme (ama sadece şeffaf sınırlarında) ile düzeltmek birleştiren

border-top: 10px solid #FF0000; 
border-left: 30px dotted rgba(255, 0, 0, 0); 
border-right: 30px dotted rgba(255, 0, 0, 0); 

çirkin bulanık sınırları olmayan mükemmel bir üçgen işlemek gibi görünüyor.