Да, я тестировал в Фотошопе, он стал # f6f6f6. Я также пробовал этот обходной путь раньше, но я думаю, что только Safari не меняет цвет. Другие браузеры будут давать более светлый цвет, если использовать «outset»
аюсь создать чистый треугольник CSS для всплывающей подсказки. Все браузеры выглядят хорошо, за исключением последней версии Firefox 4. Вот код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<style>
.arrow {
border:50px solid;
border-color:#eee transparent transparent transparent;
display:block;
height:0;
width:0;
top:50%;
right:50%;
position:absolute;
}
</style>
</head>
<body>
<div style="border:1px solid #000; height:400px; width:400px; margin:50px auto; position:relative;">
<span class="arrow"></span>
</div>
</body>
</html>
Скриншот Firefox 4:
Скриншот других браузеров:
Как вы можете видеть в Firefox 4, у него есть нечто вроде границы. Это ошибка Firefox или это действительно поведение?
Как я могу получить чистый CSS-треугольник без этой видимой границы в FF4? Кроме того, мне нужно, чтобы остальные 3 цвета были прозрачными, потому что этот треугольник будет перекрывать некоторые элементы.