ಸಿಎಸ್ಎಸ್ ಹಿನ್ನೆಲೆ ಪಾರದರ್ಶಕತೆ. ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆ ಅಥವಾ ಸಿಎಸ್ಎಸ್ ಪಠ್ಯ

ಅನೇಕ ರೀತಿಯಲ್ಲಿ CSS3 ವೆಬ್ ವಿನ್ಯಾಸಕರು ಆಗಮನದಿಂದ ಕೆಲಸ ಸುಲಭ ಮತ್ತು ಹೆಚ್ಚು ತಾರ್ಕಿಕ ಮಾರ್ಪಟ್ಟಿದೆ: ಎಲ್ಲಾ ನಂತರ, ನೀವು ಈಗ ನಿಜವಾಗಿಯೂ ಮೃದುವಾಗಿ ಯಾವುದೇ ವಸ್ತು, ಕಡಿಮೆ ಪುನರಾವರ್ತಿತವಾಗಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಶ್ರಯಿಸಿರುವ ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದು. ನೀವು ಹಿನ್ನೆಲೆ ಪಾರದರ್ಶಕತೆ ಸರಿಹೊಂದಿಸಲು ಅಗತ್ಯವಿದೆ ಹೇಳುತ್ತಾರೆ - ಸಿಎಸ್ಎಸ್ ತಕ್ಷಣ ಅನೇಕ ಆಯ್ಕೆಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ.

ವೈಶಿಷ್ಟ್ಯಗಳ ಒಂದು ಸೆಟ್ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಹಿನ್ನೆಲೆ (ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು, ಹಿನ್ನೆಲೆ-ಸ್ಥಾನವನ್ನು , ಹಿನ್ನೆಲೆ-ಗಾತ್ರ, ಹಿನ್ನೆಲೆ-ಪುನರಾವರ್ತಿತ, ಹಿನ್ನೆಲೆ-ಬಾಂಧವ್ಯ, ಹಿನ್ನೆಲೆ-ಮೂಲ, ಹಿನ್ನೆಲೆ-ಕ್ಲಿಪ್, ಹಿನ್ನೆಲೆ ಬಣ್ಣ), ಪ್ರತಿಯೊಂದೂ ಗುಣಲಕ್ಷಣ ಪ್ರತ್ಯೇಕವಾಗಿ ನಿಗದಿಪಡಿಸಲಾಗಿದೆ ಅಥವಾ ಸಂಯೋಜಿಸಬಹುದು ಹಿನ್ನೆಲೆ. ನಮಗೆ ವಿವರ ಇಬ್ಬರೂ ಪರಿಶೀಲಿಸೋಣ.

ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಗುಣಲಕ್ಷಣ

ಸಿಎಸ್ಎಸ್, ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಒಂದು ಹೆಕ್ಸ್ ಕೋಡ್, ಬಣ್ಣ ಹೆಸರು ಅಥವಾ ಆರ್ಜಿಬಿ- ಪ್ರವೇಶ ಬಳಸಿಕೊಂಡು ಅನೇಕ ರೀತಿಯಲ್ಲಿ ಹೊಂದಿಸಬಹುದಾಗಿದೆ. CSS3 ರಲ್ಲಿ ಬದಲಿಗೆ RGBA ಜೊತೆ ಆರ್ಜಿಬಿ- ರೆಕಾರ್ಡಿಂಗ್ ಆಯ್ಕೆಯನ್ನು ಬಳಸಲು ಸಾಧ್ಯವಾಯಿತು.

ಹಿನ್ನೆಲೆ ಬಣ್ಣ:: # FFDAB9 ಹೆಕ್ಸ್ ಬಣ್ಣ ಕೋಡ್ ಜಾಲರಿ ನಂತರ ಆಸ್ತಿ ದಾಖಲಿಸಲಾಗಿದೆ. ಈ ನಮೂದನ್ನು ರಲ್ಲಿ ಪಾತ್ರಗಳು ಅದೇ ಜೋಡಿಗಳಿದ್ದು ಇದ್ದರೆ, ಕೋಡ್ ಸಾಮಾನ್ಯವಾಗಿ ಸ್ವಲ್ಪ ಕಟ್ ಆಗಿದೆ: # ccff00 # cf0 ಬರೆಯಬಹುದು:

ದೇಹದ {ಹಿನ್ನೆಲೆ ಬಣ್ಣ: # cf0 ;}.

ಹೆಸರನ್ನು ಅತ್ಯಂತ ವಿಲಕ್ಷಣ ಬಣ್ಣಗಳಲ್ಲಿ, ಆಗಿದೆ. ಉದಾಹರಣೆಗೆ, ಮಾನದಂಡಾತ್ಮಕ ಕೆಂಪು ಮತ್ತು ನೀವು NavajoWhite (#FFDEAD) ಅಥವಾ Honeydew2 (# E0EEE0) ಬಳಸಬಹುದು ಬಿಳಿ ಇದರಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ

ದೇಹದ {ಹಿನ್ನೆಲೆ ಬಣ್ಣ: ನೇರಳೆ; }.

ನಂತರದ ಆಯ್ಕೆಯನ್ನು RGB ಅಥವಾ RGBA ನಮೂದನ್ನು ನೀವು ಬಣ್ಣ ಆದರೆ ಸಿಎಸ್ಎಸ್ ಹಿನ್ನೆಲೆ ಪಾರದರ್ಶಕತೆ ಕೇವಲ ಸೂಚಿಸಲು, ಆದರೆ ವಿಧಾನವು ಕೇವಲ ಐಇ ಆವೃತ್ತಿ 9 ಮೇಲ್ಪಟ್ಟ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಇತರ ಬ್ರೌಸರ್ಗಳು ಟ್ರಾನ್ಸ್ಪರೆನ್ಸಿ ಸಾಮಾನ್ಯ ಆವೃತ್ತಿ ಗುರುತಿಸುತ್ತಾರೆ. ಡಬ್ಲ್ಯು 3 ಸಿ ಗುಣಮಟ್ಟ ಪ್ರಕಾರ ಇದು ಇನ್ನೂ ಬದಲಿಗೆ ಸಾಮಾನ್ಯ RGB ಮೂರು RGBa ಬಳಸುವುದು ಸೂಕ್ತ.

RGBA ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಕಳೆದ ಮೌಲ್ಯ ಮತ್ತು 1 (ಅಪಾರದರ್ಶಕ) 0 (ಪಾರದರ್ಶಕ) ಅಪಾರದರ್ಶಕತೆ ಹೊಂದಿಸುತ್ತದೆ.

ಕೆಲವು ಅಸಾಮಾನ್ಯ ಮೌಲ್ಯಗಳು ಇವೆ. ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಹೆಚ್ಎಸ್ಎಲ್ನ ಮತ್ತು HSLA ಬಳಸಿಕೊಂಡು ಹೊಂದಿಸಬಹುದಾಗಿದೆ. ಎರಡೂ CSS3 ಗೆ ಸೇರಿಸಲಾಯಿತು, ಮತ್ತು ಆದ್ದರಿಂದ ಐಇ ಆವೃತ್ತಿ 9 ಅಥವಾ ಹೆಚ್ಚಿನ ಮೂಲಕ ಬೆಂಬಲಿತವಾಗಿಲ್ಲ. ಹ್ಯಾಟ್ಸ್ ಒಂದೇ RGB ಅಥವಾ RGBA ಮಾತ್ರ ಬೇರೆ ರೂಪದಲ್ಲಿ: ಹ್ಯು (ನೆರಳನ್ನು - ಬಣ್ಣದ ಚಕ್ರದಲ್ಲಿ ಮೌಲ್ಯ, ಡಿಗ್ರಿ ನೀಡಲಾಗಿದೆ), ಸ್ಯಾಚರೇಟ್ (ಶುದ್ಧತ್ವ - ಶೇಕಡಾವಾರು ಬಣ್ಣದ ತೀವ್ರತೆ, 0 ಯಿಂದ 100 ವರೆಗೆ), ಹಗುರತೆ (ಚುರುಕುತನ - ಹೊಳಪು, ಇದೇ ಬಂದ ನಿಯತಾಂಕವನ್ನು ಸ್ಯಾಚುರೇಟ್ನ ).

ಹಿನ್ನೆಲೆ-ಚಿತ್ರ ಗುಣಲಕ್ಷಣ

ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆ ಅತ್ಯಂತ ಕ್ರಾಸ್ ಬ್ರೌಸರ್ ಆವೃತ್ತಿ - ಈ ಚಿತ್ರ ಬಳಕೆ. CSS3 ರಲ್ಲಿ ನೀವು ಇನ್ನಷ್ಟು ಚಿತ್ರಗಳನ್ನು ಸೆಟ್, ಈ ಅಲ್ಪವಿರಾಮ ಮೂಲಕ ಮಾಡಲಾಗುತ್ತದೆ. ಉದಾಹರಣೆ:

{ಹಿನ್ನೆಲೆ ದೇಹದ ಚಿತ್ರ: URL (bg1.png) URL (bg2.png)}.

ಸಹ IE8 ಬೆಂಬಲಿಸುವ ಈ ರೀತಿಯಲ್ಲಿ. ಲೇಔಟ್ ಬಳಸುವ ರಬ್ಬರ್ ಹಿನ್ನಲೆಯಲ್ಲಿ ಹಲವಾರು ಚಿತ್ರಗಳು. ಮುಖ್ಯವಾಗಿ, ಬಳಕೆದಾರರು ಸರಳವಾಗಿ ಚಿತ್ರವನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಬಹುದು, ಯಾವುದೇ ಚಿತ್ರವನ್ನು ಬಳಸಲು ಮತ್ತು ಸಿಎಸ್ಎಸ್ ನಲ್ಲಿ ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಹೊಂದಿಸಲು ಮರೆಯಬೇಡಿ.

ಹಿನ್ನೆಲೆ-ಸ್ಥಾನ ಗುಣಲಕ್ಷಣ

ನೀವು ಹಿನ್ನೆಲೆ ಘಟಕ ಸ್ಥಾಪಿಸಲು ಚಿತ್ರ ಬಳಸಿದರೆ, ಸಿಎಸ್ಎಸ್ ಪರದೆಯ ಮೇಲೆ ಎಲ್ಲಿಯಾದರೂ ಚಿತ್ರ ಸ್ಥಾನಗಳನ್ನು ಅನುಮತಿಸುತ್ತದೆ. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಚಿತ್ರ ಮೇಲಿನ ಎಡ ಮೂಲೆಯಲ್ಲಿ ಇದೆ. ಲಕ್ಷಣ ಮೌಖಿಕ ಸೂಚನೆಗಳನ್ನು ಒಂದೋ (ಮೇಲೆ, ಕೆಳಗೆ, ಬಲ, ಎಡ), ಒಂದು ಸಂಖ್ಯಾತ್ಮಕ (ಬಡ್ಡಿ, ಪಿಕ್ಸೆಲ್ಗಳು ಮತ್ತು ಇತರ ಘಟಕಗಳು) ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನೀವು ಎರಡು ಮೌಲ್ಯಗಳು, ಲಂಬ ಮತ್ತು ಸೂಚಿಸಬೇಕು:

ದೇಹದ {ಹಿನ್ನೆಲೆ ಸ್ಥಾನ: ಬಲ ಸೆಂಟರ್ ;} - ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ಮಾದರಿ ಪುಟ, ಟಾಪ್ ಮತ್ತು ಅದೇ ಚಿತ್ರ ದೂರ ಕೆಳಗೆ ಬಲಭಾಗದಲ್ಲಿ ಇದೆ ಮಾಡಲಾಗುತ್ತದೆ.

ಹಿನ್ನೆಲೆ ಗಾತ್ರದ ಗುಣಲಕ್ಷಣ

ಕೆಲವೊಮ್ಮೆ ಇದು ಸಿಎಸ್ಎಸ್ ಹಿನ್ನೆಲೆ ಹಿಗ್ಗಿಸಲು ಅಥವಾ ಅದರ ಗಾತ್ರವನ್ನು ಕಡಿಮೆ ಅಗತ್ಯ. ಇದನ್ನು ಮಾಡಲು, ಗುಣಲಕ್ಷಣ ಹಿನ್ನೆಲೆ ಗಾತ್ರದ, ಮತ್ತು ಹಿನ್ನೆಲೆ ಪಿಕ್ಸೆಲ್ಗಳು ಅಥವಾ ಶೇಕಡಾವಾರು ಹೊಂದಿಸಬಹುದಾಗಿದೆ ಗಾತ್ರ, ಮತ್ತು ಯಾವುದೇ ಇತರ ಘಟಕಗಳು ಬಳಸಿ.

ಈ ಗುಣಲಕ್ಷಣ, ಕೆಲವು ಸಮಸ್ಯೆಗಳಿವೆ: ಬಳಸಲಾಗುತ್ತದೆ ಬ್ರೌಸರ್ ಪೂರ್ವಪ್ರತ್ಯಯಗಳು ಹಿಂದಿನ ಆವೃತ್ತಿಗಳಲ್ಲಿ ಹಿನ್ನೆಲೆ ಸರಿಯಾದ ಪ್ರದರ್ಶನ. ಸಹಜವಾಗಿ, ಪ್ರಸ್ತುತ ಆವೃತ್ತಿ ಸಂಪೂರ್ಣವಾಗಿ ಈ ಗುಣಲಕ್ಷಣ ಬೆಂಬಲಿಸುತ್ತದೆ ಮತ್ತು ನಿರ್ದಿಷ್ಟ ಗುಣಗಳನ್ನು ಅಗತ್ಯವನ್ನು ಕಣ್ಮರೆಯಾಯಿತು.

ಹಿನ್ನೆಲೆ-ಲಗತ್ತನ್ನು ಗುಣಲಕ್ಷಣ

ಈ ವೈಶಿಷ್ಟ್ಯದ ಸ್ಕ್ರೋಲಿಂಗ್ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಚಿತ್ರಗಳ ವರ್ತನೆಯನ್ನು ಸೂಚಿಸುತ್ತದೆ. ಆದ್ದರಿಂದ, ಇದು 3 ಮೌಲ್ಯಗಳು (ಪಾರಂಪರ್ಯವಾಗಿ ಲಕ್ಷಣಗಳು ಈ ಲೇಖನದಲ್ಲಿ ಚರ್ಚಿಸಿದಂತೆ ಎಲ್ಲಾ ಒಟ್ಟು ಒಳಗೊಂಡಿಲ್ಲ) ತೆಗೆದುಕೊಳ್ಳಬಹುದು:

• ಸ್ಥಿರ - ಸ್ಥಿರ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಚಿತ್ರವನ್ನು ಮಾಡುತ್ತದೆ;
• ಸ್ಕ್ರಾಲ್ - ಅಂಶಗಳನ್ನು ಉಳಿದ ಹಿನ್ನೆಲೆ ಸುರುಳಿ;
• ಸ್ಥಳೀಯ - ಸ್ಕ್ರೋಲಿಂಗ್ ವಿಷಯ ವೇಳೆ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಚಿತ್ರ ಸುರುಳಿಕೆಲಸ. ಫ್ರೇಮ್ ವಿಷಯಗಳನ್ನು ಮೀರಿ ಹಿನ್ನೆಲೆ ನಿವಾರಿಸಲಾಗಿದೆ.

ಬಳಕೆಯ ಉದಾಹರಣೆ:

ದೇಹದ {ಹಿನ್ನೆಲೆ ಬಾಂಧವ್ಯ ಸ್ಥಿರ}.

ಪ್ರಸ್ತುತ, ಫೈರ್ಫಾಕ್ಸ್ ಕೊನೆಯ ಆಸ್ತಿ (ಸ್ಥಳೀಯ) ಬೆಂಬಲಿಸುವುದಿಲ್ಲ.

ಹಿನ್ನೆಲೆ-ಮೂಲದ ಗುಣಲಕ್ಷಣ

ಈ ವೈಶಿಷ್ಟ್ಯದ ಸ್ಥಾನಿಕ ಅಂಶ ಕಾರಣವಾಗಿದೆ. ಆರಂಭಿಕ ಬ್ರೌಸರ್ ಪೂರ್ವಪ್ರತ್ಯಯಗಳು ಬಳಸುವ ಅಗತ್ಯವಿರುತ್ತದೆ. ಆಸ್ತಿ ಸ್ವತಃ ಮೂರು ಮಾನದಂಡಗಳನ್ನು ಹೊಂದಿದೆ:

• ಖಾತೆಗೆ ಚೌಕಟ್ಟಿನ ದಪ್ಪ ತೆಗೆದುಕೊಳ್ಳುವಾಗ ಪ್ಯಾಡಿಂಗ್ ಪೆಟ್ಟಿಗೆ, ಅಂಚಿನ ಮಾದರಿಯ ಸಂಬಂಧಿ ಸ್ಥಾನದಲ್ಲಿದೆ;
• ಸೀಮಾರೇಖೆಯನ್ನು ಎಂದು ಹಿಂದಿನ ಭಿನ್ನವಾಗಿದೆ ಗಡಿ ಪೆಟ್ಟಿಗೆ ಗುಣಗಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಅಥವಾ ಭಾಗಶಃ ಮಾದರಿಯನ್ನು ಹರಡಿರುತ್ತವೆ;
• ವಿಷಯ ಪೆಟ್ಟಿಗೆ ಸ್ಥಾನಿಕ ಚಿತ್ರ ಅದರ ವಿಷಯವನ್ನು pryavyazyvaya.

ನೀವು ಅನೇಕ ಮೌಲ್ಯಗಳನ್ನು ಸೂಚಿಸಲು, ನಂತರ ಬ್ರೌಸರ್ ತಮ್ಮದೇ ರೀತಿಯಲ್ಲಿ ಪ್ರತಿಕ್ರಿಯಿಸಲು: ಫೈರ್ಫಾಕ್ಸ್ ಮತ್ತು ಒಪೇರಾ ಮೊದಲ ಆಯ್ಕೆಯನ್ನು ಗ್ರಹಿಸುತ್ತಾರೆ.

ಹಿನ್ನೆಲೆ-ಪುನರಾವರ್ತಿತ ಗುಣಲಕ್ಷಣ

ನಿಯಮದಂತೆ, ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು ನಿಗದಿಪಡಿಸದಿದ್ದರೆ, ಅದನ್ನು ಅಡ್ಡಲಾಗಿ ಅಥವಾ ಲಂಬವಾಗಿ ಪುನರಾವರ್ತಿತ ಮಾಡಬೇಕು. ಇದಕ್ಕಾಗಿ ಮತ್ತು ಗುಣಲಕ್ಷಣ ಹಿನ್ನೆಲೆ-ಪುನರಾವರ್ತಿತ ಬಳಸಲಾಗುತ್ತದೆ. ಹೀಗಾಗಿ, ಬ್ಲಾಕ್ ಹಿನ್ನೆಲೆ, ಇದು ಗುಣ ಹೊಂದಿದೆ ಸಿಎಸ್ಎಸ್ ಹಲವಾರು ನಿಯತಾಂಕಗಳನ್ನು ಒಂದು ಹೊಂದಬಹುದು:

• ಯಾವುದೇ ಪುನರಾವರ್ತಿಸಲು - ಚಿತ್ರ ಒಂದೇ ಆವೃತ್ತಿಯನ್ನು ಒಂದು ಪುಟದಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ;
• ಪುನರಾವರ್ತಿಸಲು - ಹಿನ್ನೆಲೆ x ಮತ್ತು y ಪುನರಾವರ್ತಿಸುತ್ತದೆ;
• ರಿಪೀಟ್ X - ಕೇವಲ ಅಡ್ಡಲಾಗಿ;
• ರಿಪೀಟ್ ವೈ - ಕೇವಲ ಲಂಬವಾಗಿ;
• ಸ್ಪೇಸ್ - ಹಿನ್ನೆಲೆ ಪುನರಾವರ್ತಿತ, ಆದರೆ ದೇಶ ಚಿತ್ರಗಳನ್ನು ನಡುವಿನ ತುಂಬಲು ಅಸಾಧ್ಯ ಅದನ್ನು ಖಾಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತವೆ;
• ಸುತ್ತಿನಲ್ಲಿ - ಇದು ಇಡೀ ಚಿತ್ರಗಳನ್ನು ಇಡೀ ಪ್ರದೇಶದ ತುಂಬಲು ಇದ್ದಲ್ಲಿ ಚಿತ್ರ, ಅಳತೆ.

ಲಕ್ಷಣಗಳು ಉದಾಹರಣೆ:

ದೇಹದ {ಹಿನ್ನೆಲೆ-ಪುನರಾವರ್ತಿತ: ಯಾವುದೇ- ಪುನರಾವರ್ತಿತ ಪುನರಾವರ್ತಿತ} - ಇದೇ ಹಿನ್ನೆಲೆ-ಪುನರಾವರ್ತಿತ: ಮತ್ತೆ ಮತ್ತೆ ವೈ.

ಅಲ್ಪವಿರಾಮದಿಂದ ಪ್ರತ್ಯೇಕಿಸಿ ನಿಯತಾಂಕಗಳನ್ನು, ಪಟ್ಟಿಮಾಡುವಾಗ CSS3 ರಲ್ಲಿ ಅನೇಕ ಚಿತ್ರಗಳನ್ನು ಮೌಲ್ಯಗಳನ್ನು ಸೂಚಿಸಬಹುದು.

ಹಿನ್ನೆಲೆ-ಕ್ಲಿಪ್ ಗುಣಲಕ್ಷಣ

ಈ ಲಕ್ಷಣವು (ಚುಕ್ಕೆಗಳ ಚೌಕಟ್ಟುಗಳು ಸಂದರ್ಭದಲ್ಲಿ, ಉದಾಹರಣೆಗೆ) ಗಡಿಗಳು ಅಡಿಯಲ್ಲಿ ಹಿನ್ನೆಲೆ ವರ್ತನೆಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ:

• ಪ್ಯಾಡಿಂಗ್ ಪೆಟ್ಟಿಗೆ - ಹಿನ್ನೆಲೆ ಬ್ಲಾಕ್ ಆಂತರಿಕ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ;
• ಗಡಿ ಪೆಟ್ಟಿಗೆ - ಚಿತ್ರ ಚೌಕಟ್ಟಿನೊಳಗೆ ಬರುತ್ತದೆ;
• ವಿಷಯ ಪೆಟ್ಟಿಗೆ - ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಚಿತ್ರವನ್ನು ವಿಷಯ ಮಾತ್ರ ಒಳಗೆ ಕಾಣಿಸುತ್ತದೆ.

ಬಳಕೆಯ ಉದಾಹರಣೆ:

ದೇಹದ {ಹಿನ್ನೆಲೆ ಕ್ಲಿಪ್: content- ಬಾಕ್ಸ್ನಲ್ಲಿ;}.

ಕ್ರೋಮ್ ಮತ್ತು ಸಫಾರಿ ವೆಬ್ಕಿಟ್- ಪೂರ್ವಪ್ರತ್ಯಯ ಅಗತ್ಯವಿರುತ್ತದೆ.

ಅಪಾರದರ್ಶಕತೆ ಲಕ್ಷಣಗಳು ಮತ್ತು ಫಿಲ್ಟರ್

CSS ಗುಣಗಳು ಎಲ್ಲಾ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಕೆಲಸ - ಅಪಾರದರ್ಶಕತೆ ಗುಣಲಕ್ಷಣ ನೀವು ಹಿನ್ನೆಲೆ ಪಾರದರ್ಶಕತೆ ಹೊಂದಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಮೌಲ್ಯವನ್ನು 0.0 1.0 ಸೇರಿದೆ ವ್ಯಾಪ್ತಿಯಲ್ಲಿ ಹೊಂದಿಸಲಾಗಿದೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನೀವು ಸಿಎಸ್ಎಸ್ ಹಿನ್ನೆಲೆ ಪಾರದರ್ಶಕತೆ ಹೊಂದಿಸಬಹುದು ಬದಲಿಗೆ 0.3 ಯಾವುದೇ ಪೂರ್ಣಾಂಕ ಮೌಲ್ಯ .3 ಬರೆಯಲು ಸಾಕು:

.ಖಂಡ {ಹಿನ್ನೆಲೆ ಚಿತ್ರ: URL ( img.png); ಅಪಾರದರ್ಶಕತೆ: .3;}.

ಹಿನ್ನೆಲೆ ಅಪಾರದರ್ಶಕತೆ ಹೊಂದಿಸಲು, ಸಿಎಸ್ಎಸ್ ಫಿಲ್ಟರ್ ಗುಣಲಕ್ಷಣ ಬಳಸುತ್ತವೆ, ಒಂಬತ್ತನೇ ಆವೃತ್ತಿ ಕೆಳಗೆ ಐಇ ಸೂಕ್ತವಾಗಿದೆ:

.ಖಂಡ {ಹಿನ್ನೆಲೆ ಚಿತ್ರ: URL ( img.png); ಶೋಧಕ: ಆಲ್ಫಾ (ಅಪಾರದರ್ಶಕತೆ = 30)}.

ಸ್ಪಷ್ಟವಾಗಿಲ್ಲ ಕೇವಲ ಹಿನ್ನೆಲೆ ಆಗುತ್ತದೆ ಅಪಾರದರ್ಶಕತೆ ಬಳಸುವಾಗ, ಆದರೆ ಘಟಕದ ಒಳಗಡೆ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು: ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಅಪಾರದರ್ಶಕತೆ ಮೌಲ್ಯವನ್ನು ಅಪಾರದರ್ಶಕತೆ RGBA ಪಿತ್ರಾರ್ಜಿತ ಮೂಲಕ ವಿವಿಧ ಪಾರದರ್ಶಕತೆ ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ಎಂದಿತು 0 ಮತ್ತು 100 ಗಮನಿಸಿ ಹೊಂದಿಸಲಾಗಿದೆ.

ಯಾವಾಗಲೂ ಸಿಐಎಸ್ ಬ್ರೌಸರ್ಗಳು ಮತ್ತು ಎಲ್ಲಾ ಇತರ ರಾಷ್ಟ್ರಗಳಿಗೆ ನಿಮ್ಮ ಬಳಕೆಯ ಅಂಕಿಅಂಶಗಳು ಮೇಲ್ವಿಚಾರಣೆ. ಎಲ್ಲಾ DTP ದೊಡ್ಡ ಸಮಸ್ಯೆ - ಐಇ ಹಳೆಯ ಆವೃತ್ತಿಗಳು, ಅವರು ನೀವು ಸಂಪೂರ್ಣ ಮಟ್ಟಿಗೆ CSS3 ಬಳಸಲು ಅನುಮತಿಸುವುದಿಲ್ಲ. ಲೇಔಟ್ ರಲ್ಲಿ ನಿಮ್ಮ ಬ್ರೌಸರ್ ಯಾವುದೇ CSS ಗುಣಗಳು ಬೆಂಬಲಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಪರೀಕ್ಷಿಸುವ ವಿಶೇಷ ಸೇವೆಗಳನ್ನು ಬಳಸಲು ಮರೆಯಬೇಡಿ. ನೀವು ಬ್ರೌಸರ್ ನ ಹಳೆಯ ಆವೃತ್ತಿಗಳು ಅನುಸ್ಥಾಪಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ, ಆನ್ಲೈನ್ನಲ್ಲಿ ಅನೇಕ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಸೈಟ್ ಕೆಲಸ ಪರಿಶೀಲಿಸುತ್ತದೆ ಒಂದು ಸೇವೆ ಹೇಗೆ.