Перестал работать css

@Victoriquedesu · Регистрация: 16.04.2018

Студворк — интернет-сервис помощи студентам

Люди добрые, помогите нубу. Сам не умею в css, но как-то удалось сманкикодить себе стиль для страницы myanimelist. Но недавно задний фон элементов страницы перестал быть прозрачным, хотя я ничего в нем не менял. Выглядит это так [del]

Вот код:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
{
text-decoration: none;
}
body {
background-attachment: fixed;
background-clip: border-box;
background-color: transparent;
background-image: url("http://sh.uploads.ru/oM6gA.jpg");
background-position: 23% 0;
background-repeat: no-repeat no-repeat;
background-size: cover;
font-family: 'Margarine', cursive;
}
#list_surround {
background-attachment: fixed;
background-position: 24% 0;
background-repeat: no-repeat no-repeat;
font-size: 15px;
height: 250px;
left: 0;
line-height: 2;
margin: 0 auto;
padding-bottom: 0;
padding-top: 25px;
position: absolute;
right: 0;
width: 850px;
z-index: 0;
}
td[class^="td"]:nth-of-type(2) {
width: 533px !important;
}
a {
color: white;
text-shadow: none;
}
tr:hover [class^="td"] {
background-color: rgba(230, 230, 250);
transition: all 0.4s ease 0s;
}
tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 {
color: white !important;
font-weight: bold;
text-shadow: 1px 2px 3px black;
transition: all 0.4s ease 0s;
}
a:hover {
color: white !important;
text-shadow: 0 1px rgba(230, 230, 250);
}
.td1:nth-of-type(5), .td2:nth-of-type(5) {
color: white;
}
.td1:nth-of-type(1), .td2:nth-of-type(1) {
color: white;
}
.table_header:nth-of-type(1) {
color: white;
}
.table_header:nth-of-type(2) {
text-align: left;
}
.table_header:nth-of-type(1), .table_header:nth-of-type(2), .table_header:nth-of-type(3), .table_header:nth-of-type(4), .table_header:nth-of-type(5), .table_header:nth-of-type(6) {
}
.table_header:nth-of-type(5) {
border-bottom-right-radius: 0;
border-top-left-radius: 0;
color: white;
}
.table_header, .category_totals {
background-color:rgba(230, 230, 250) ;
border: 0 none;
opacity: 1;
padding: 8px;
text-align: center;
vertical-align: top;
}
.td1, .td2 {
background-color: rgba(230, 230, 250);
color: white !important;
padding: 5px;
}
.td1:nth-of-type(2), .td2:nth-of-type(2) {
text-align: left;
}
.table_header:nth-of-type(6) {
}
small {
color: ;
font-weight: bold;
text-shadow: 1px 2px black;
}
.table_header, .td1, .td2, .category_totals {
color: grey;
}
.borderRBL {
line-height: normal !important;
}
[cellspacing="0"] {
line-height: 17px;
}
.category_totals {
background-color: rgba(230, 230, 250);
border-radius: 0 0 12px 12px;
color: white;
text-align: center;
}
.category_totals:hover {
background-color: ;
color: white;
}
[class^="header_"] * {
background-repeat: no-repeat no-repeat;
border-radius: 20px 20px 0 0;
font-size: 30px;
height: 50px;
line-height: 24px;
margin-bottom: 6px;
margin-left: 5px;
padding-bottom: 9px;
text-align: center;
vertical-align: bottom;
}
.header_title {
border: medium none !important;
color: white !important;
height: auto;
padding: 0 8px 0 0;
text-shadow: 0 1px 1px rgba(230, 230, 250);
}
#grand_totals {
background-color: ;
border: 0 none;
border-radius: 3px 3px 3px 3px;
color: white;
line-height: 20px;
min-height: 20px;
padding: 8px;
text-align: center;
vertical-align: middle;
}
.status_not_selected:hover {
color: white !important;
opacity: 1;
transition: all 0.4s ease 0s;
}
.status_not_selected, .status_selected {
background-color:rgba(230, 230, 250) ;
border: 0 none !important;
border-radius: 10px 10px 10px 10px;
height: auto !important;
padding: 4px;
text-align: center !important;
width: 16.667% !important;
}
.status_not_selected a, .status_selected a {
background-color: rgba(230, 230, 250);
border-color: rgba(230, 230, 250);
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
display: block !important;
font-weight: bold;
padding: 8px;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.status_selected a {
background-color:#DCDCDC;
border-color: rgba(230, 230, 250);
}
.status_not_selected a:hover {
background-color: #DCDCDC;
border-color: rgba(230, 230, 250);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.status_selected a:hover {
background-color: ;
border-color:rgba(164, 16, 32, 0.5) ;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.header_cw {
background-color: rgba(245, 245, 245);
background-position: 97% 0;
background-repeat: no-repeat no-repeat;
border-radius: 20px 20px 0 0;
z-index: 0 !important;
}
.header_completed {
background-color: rgba(245, 245, 245);
background-position: 50% 0;
background-repeat: no-repeat no-repeat;
border-radius: 20px 20px 0 0;
z-index: 0;
}
.header_onhold {
background-color: rgba(245, 245, 245);
background-position: 100% 0;
background-repeat: no-repeat no-repeat;
border-radius: 20px 20px 0 0;
}
.header_dropped {
background-color: rgba(245, 245, 245);
background-position: 50% 0;
background-repeat: no-repeat no-repeat;
border-radius: 20px 20px 0 0;
}
.header_ptw {
background-color: rgba(245, 245, 245);
background-position: 50% 0;
background-repeat: no-repeat no-repeat;
border-radius: 20px 20px 0 0;
}
:hover + .hide {
background-position: center 50% !important;
background-repeat: no-repeat !important;
background-size: cover;
border-color: white;
border-radius: 25px 25px 25px 25px;
border-style: solid;
border-width: 3px;
display: block !important;
height: 350px;
left: 52px;
padding-bottom: 0;
position: fixed;
top: 160px;
width: 226px;
}
.hide:before {
background: none repeat scroll 0 0 transparent;
border-radius: 25px 25px 0 0;
color: white;
content: "";
padding-bottom: 5px;
position: absolute;
text-align: center;
top: -25px;
width: 225px;
}
.td1:nth-of-type(6) a, .td2:nth-of-type(6) a {
color: white !important;
}

Пожалуйста, дайте совет как это исправить.

@golosalex · 16.04.2018, 03:54

было бы неплохо и html код добавить. а если не трудно то архивчек с сайтом и графикой к нему, на всякий слычай скажу, что за прозрачность отвечает свойство

CSS
1
opacity: 1;

которое в коде встречается лишь единожды на 73 строке и имеет значение 1(то есть полную непрозрачность) это классы
.table_header, .category_totals, к чему эти классы у вас относятся не понятно без html

пс. а откуда вообще должна браться прозрачность на вашей странице?

@odFox · 16.04.2018, 09:11

CSS
1
background-color:rgba(230, 230, 250 x) ;

в ргба x свойство так же отвечает за прозрачность
число от 0,0 (полностью прозрачное) и 1,0 (полностью непрозрачное).

@golosalex · 16.04.2018, 14:51

что-то я об этом не подумал, сам всегда делаю через отдельное свойство opasity, но все равно надо видеть html код.

@odFox · 16.04.2018, 15:29

судя по скрину там что то на боди должно быть с fixed темное я так думаю но наод видеть html или ссылку на сайтик

@Freeze_Breeze · 16.04.2018, 19:50

Victoriquedesu,
В этом классе замени rgba на rgb (то есть убери букву "a")
А opacity поставь 0. Значения могут варьироваться от 0 до 1 (0.2, 0.5. 0.8 и т.д.)

CSS
1
2
3
4
5
6
7
8
9
 
.table_header, .category_totals {
[B]background-color:rgba(230, 230, 250) ;[/B]
border: 0 none;
[B]opacity: 1;[/B]
padding: 8px;
text-align: center;
vertical-align: top;
}

Замени на rgb

CSS
1
2
3
4
5
.td1, .td2 {
[B]background-color: rgba(230, 230, 250);[/B]
color: white !important;
padding: 5px;
}

Тоже заменить на rgb

CSS
1
2
3
4
5
6
7
.header_title {
border: medium none !important;
color: white !important;
height: auto;
padding: 0 8px 0 0;
[B]text-shadow: 0 1px 1px rgba(230, 230, 250);[/B]
}

Почему цвет не указан?

CSS
1
2
3
4
5
6
7
8
9
10
11
#grand_totals {
[B]background-color: ;[/B]
border: 0 none;
border-radius: 3px 3px 3px 3px;
color: white;
line-height: 20px;
min-height: 20px;
padding: 8px;
text-align: center;
vertical-align: middle;
}

И проверьте по всему CSS коду, где есть свойство rgba(230, 230, 250); с тремя значениями замените на rgb. Проверьте Ваш код на ";" точку с запятой, возможно по ошибке где то удалил и дальше стили применяться не будут из за этого. Вот тут можете посмотреть https://jigsaw.w3.org/css-vali... _by_upload

@Victoriquedesu · 17.04.2018, 14:46 **[ТС]**

Заменил ргба на ргб, поменял opacity на 0, проверил на ошибки - не помогло. Даю ссылку на сайт https://myanimelist.net/animelist/likeLightning

Честно говоря, я в растерянности, потому что писал достаточно давно и все работало.

@galawar · 17.04.2018, 15:07

Если используете rgba(), то надо указывать еще и четвертый параметр - прозрачность

CSS
1
rgba(230, 230, 250, 0.5);

или вообще уберите background-color

@Victoriquedesu · 20.04.2018, 13:17 **[ТС]**

Спасибо за помощь!

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@golosalex 151 / 135 / 29 Регистрация: 02.07.2013 Сообщений: 967
	16.04.2018, 14:51
	что-то я об этом не подумал, сам всегда делаю через отдельное свойство opasity, но все равно надо видеть html код. 0

@odFox 2 / 2 / 3 Регистрация: 12.03.2018 Сообщений: 40
	16.04.2018, 15:29
	судя по скрину там что то на боди должно быть с fixed темное я так думаю но наод видеть html или ссылку на сайтик 0

@Victoriquedesu 0 / 0 / 0 Регистрация: 16.04.2018 Сообщений: 3
	17.04.2018, 14:46 [ТС]
	Заменил ргба на ргб, поменял opacity на 0, проверил на ошибки - не помогло. Даю ссылку на сайт https://myanimelist.net/animelist/likeLightning Честно говоря, я в растерянности, потому что писал достаточно давно и все работало. 0

@Victoriquedesu 0 / 0 / 0 Регистрация: 16.04.2018 Сообщений: 3
	20.04.2018, 13:17 [ТС]
	Спасибо за помощь! 0

Перестал работать css

Решение