sIFR 3 - не может стиль для цвета, веса и т. Д.

Я пытаюсь использовать sIFR 3. Я получаю его на работу и могу сделать некоторый стиль, например, изменить размер шрифта. Но если я попытаюсь изменить цвет или вес, ничего не изменится. Я не понимаю, что я делаю, что позволяет некоторым стилям работать, а некоторые - нет.sIFR 3 - не может стиль для цвета, веса и т. Д.

Мой HTML является:

<html> 
<head> 
<title>Test sifr</title> 
<link rel="stylesheet" href="sifr.css" type="text/css"> 
<script src="sifr.js" type="text/javascript"></script> 
<script src="sifr-config.js" type="text/javascript"></script> 
</head> 

<body> 
Starting...<br> 
<span class='testsifr'>Testing #2</span><br><br> 
Finished.<br> 
</body> 
</html>

Моего SIFR-config.js является:

var gotham = { src: 'GothamMBLCond.swf' }; 

sIFR.activate(gotham); 

sIFR.replace(gotham, { 
    selector: 'span.testsifr' 
    ,css: [ 
    'span.testsifr{ color:#0000FF; font-weight:bold;}' 
    ] 
});

Моего sIFR.js является:

@media screen { 
    .sIFR-flash { 
    visibility: visible !important; 
    margin: 0; 
    padding: 0; 
    } 

    .sIFR-replaced, .sIFR-ignore { 
    visibility: visible !important; 
    } 

    .sIFR-alternate { 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 0; 
    height: 0; 
    display: block; 
    overflow: hidden; 
    } 

    .sIFR-replaced div.sIFR-fixfocus { 
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none; 
    } 
} 

@media print { 
    .sIFR-flash { 
    display : none !important; 
    height  : 0; 
    width  : 0; 
    position : absolute; 
    overflow : hidden; 
    } 

    .sIFR-alternate { 
    visibility : visible !important; 
    display : block !important; 
    position : static !important; 
    left  : auto !important; 
    top  : auto !important; 
    width  : auto !important; 
    height  : auto !important; 
    } 
} 

/* 
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active 
so they only apply if sIFR is active. Make sure to limit the CSS to the screen 
media type, in order not to have the printed text come out weird. 
*/ 
@media screen { 
    .sIFR-active span.testsifr { 
    font-family: Verdana; 
    visibility: hidden; 
    font-size:48px; 
    color:#0000FF; 
    font-weight:bold; 
    } 
}

Как я уже говорил, он делает хорошо , но в черном, а не в синем, и при правильном весе вместо жирного. Я знаю, что я наставляю его синим/полужирным шрифтом в файлах .js и .css, но я пробовал каждое место в отдельности и получал те же результаты. Но я могу изменить размер от 48px до других значений, и изменение размера шрифта вступит в силу. Почему мой цвет & изменения веса вступают в силу? Есть идеи?

Том

источник

2010-10-06 Web Site Optimizers

var gotham = { src: 'GothamMBLCond.swf' }; 

sIFR.activate(gotham); 

sIFR.replace(gotham, { 
    selector: '.testsifr', 

    css: ['.sIFR-root {color: #0000FF; font-size: 16px; background-color: #CCCCCC; }', 
     'a { text-decoration: none; }', 
     'a:link { color: #000000; }', 
     'a:hover { color: #FF4B33; }', 
     'strong { font-weight: bold; color: #0000FF; }', 
     'em { font-style: italic; color: #0000FF; }', 
     'strong em { font-style: italic; font-weight: bold; color: #0000FF; }', 
    ], 

    forceWidth: true, fitExactly: false, 

    filters: { 
     DropShadow: { 
      knockout: false 
      ,distance: 2 
      ,color: '#333333' 
      ,strength: 2 
      ,alpha: .6 
      ,blurX: 3 
      ,blurY: 3 
     } 
    } 
});

Скопируйте код выше, это даст вам множество вариантов, что делать;) Кроме того: я вряд ли когда-либо использовать CSS-файл, я обычно создаю новый CSS-файл, в котором я (например)

.testsifr object { 
    padding: 0; margin: 0; line-height: 0; margin-top: -10px; 
}

Факс:

источник

2010-12-03 14:31:57 Fritz

sIFR 3 - не может стиль для цвета, веса и т. Д.

ответ

Смежные вопросы