Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 09.08.2019, 15:48   #1
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 359
Репутация: 83
По умолчанию Кроссбраузерность svg

Доброго времени суток!

Надеюсь что я написал в правильный раздел.

У меня есть рулетка на сайте вопросов к работе рулетки нет вот только не задача заключается в том что в мозилле отображение данной рулетки не много не правильная

Название: rulletka-1.png
Просмотров: 66

Размер: 24.0 Кб

В других браузерах а именно проверял в Опере, Хроме и в IE все отображается нормально

Название: rulletka-2.png
Просмотров: 66

Размер: 26.0 Кб

Вопрос как сделать что бы в мозилле все так же корректно отображалось

Скажу сразу код писал не я хочу просто исправить в мозилле отображение

Код:

<style type="text/css">
.left-bar
{
    margin-left: -4%;
    width: 110%;
    height: 100%;
    position: relative;
}
.spinBtn
{
  position: absolute;
  z-index: 999;
}
</style>
<div class="left-bar">
<div class="wheelContainer">

  <svg class="wheelSVG" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" text-rendering="optimizeSpeed">
<defs>
<filter id="shadow" x="-100%" y="-100%" width="550%" height="550%">
  <feOffset in="SourceAlpha" dx="0" dy="0" result="offsetOut"></feOffset>        
  <feGaussianBlur stdDeviation="9" in="offsetOut" result="drop" />
<feColorMatrix in="drop" result="color-out" type="matrix"
      values="0 0 0 0   0
              0 0 0 0   0 
              0 0 0 0   0 
              0 0 0 .3 0"/>  
 <feBlend in="SourceGraphic" in2="color-out" mode="normal" />
</filter> 
</defs>
  <g class="mainContainer">   
    <g class="wheel"/>    
  </g> 
  <g class="centerCircle" />
    
  <g class="wheelOutline" />
    <g class="pegContainer" >
      <path  class="peg" fill="#97b95a" d="M22.139,0C5.623,0-1.523,15.572,0.269,27.037c3.392,21.707,21.87,42.232,21.87,42.232	s18.478-20.525,21.87-42.232C45.801,15.572,38.623,0,22.139,0z" /> 
    </g>
    <svg class="start" style="display: none;" width="165" height="165" x="430" y="65"><image width="165" height="165" xlink:href="../../js/r/starburst.png" /></svg>
<g class="valueContainer" />
<svg width="480" height="230" x="272" y="268">
    <defs>
        <clipPath id="circleView">
            <circle cx="240" cy="115" r="115" fill="#FFFFFF" />            
        </clipPath>
    </defs>
<image width="480" height="230" xlink:href="ССЫЛКА_НА_КАРТИНКУ" clip-path="url(#circleView)" />
 </svg>
</svg>
  <div class="toast" style="display: none;">
    <p/>
  </div>
</div>
</div>
__________________
"Я не волшебник, я только учусь"
s88s вне форума   Ответить с цитированием
Старый 09.08.2019, 20:56   #2
Naive
Раздолбайских Дел
Профессионал
 
Аватар для Naive
 
Регистрация: 22.05.2009
Адрес: Екатеринбург
Сообщений: 3,813
Репутация: 2361
По умолчанию

ну хрен так продебагаешь, собери фиддл
__________________
Работаю. В этот раз за деньги.
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кроссбраузерность для IE>8 под XP Izhic HTML и CSS 3 15.05.2014 08:39
Кроссбраузерность JavaScript Wolfus JavaScript, Ajax 1 22.03.2012 21:37
Кроссбраузерность шрифтов 4e4en HTML и CSS 1 29.11.2010 15:25
Кроссбраузерность Lavr HTML и CSS 0 07.12.2009 12:00
Кроссбраузерность 418689322 HTML и CSS 1 20.11.2008 19:12


03:05.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.