คำถามติดแท็ก css-sprites

บูตของ Twitter ใช้ไอคอนตาม Glyphicons available in dark gray and whiteโดยค่าเริ่มต้นคือ " ": เป็นไปได้ไหมที่จะใช้ CSS trickery เพื่อเปลี่ยนสีของไอคอน? ฉันหวังว่าจะมีความสามารถ css3 อื่น ๆ ที่จะป้องกันไม่ให้มีชุดภาพไอคอนสำหรับแต่ละสี ฉันรู้ว่าคุณสามารถเปลี่ยนสีพื้นหลังของ<i>องค์ประกอบล้อมรอบ ( ) แต่ฉันกำลังพูดถึงไอคอนสีพื้นหน้า ฉันเดาว่ามันจะเป็นไปได้ที่จะผกผันความโปร่งใสของภาพไอคอนแล้วตั้งค่าสีพื้นหลัง ดังนั้นฉันสามารถเพิ่มสีให้กับไอคอน bootstrap โดยใช้ CSS ได้หรือไม่

159 css  twitter-bootstrap  sprite  css-sprites 

ในบทความนี้http://css-tricks.com/css-sprites/พูดถึงว่าฉันจะครอบตัดภาพขนาดเล็กลงจากภาพขนาดใหญ่ 1 ภาพได้อย่างไร คุณช่วยบอกฉันหน่อยได้ไหมว่ามันเป็นไปได้ / ฉันจะครอบตัดรูปภาพที่เล็กลงแล้วขยายขอบเขตการครอบตัดก่อนที่จะจัดวางได้หรือไม่? นี่คือตัวอย่างจากบทความนั้น: A { background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png); background-position: -10px -56px; } ฉันอยากรู้ว่าฉันจะขยายภาพนั้นได้อย่างไรหลังจากที่ฉันตัดภาพจาก spriteme1.png นี่คือ URL ของตัวอย่าง: http://css-tricks.com/examples/CSS-Sprites/Example1After/ ดังนั้นฉันอยากรู้ว่าฉันจะทำให้ไอคอนเล็กกว่ารายการที่ 1, 2, 3, 4 หรือไม่?

157 css  css-sprites 

ตามที่กล่าวไว้ในปัจจุบันคำถามนี้ไม่เหมาะสำหรับรูปแบบถาม & ตอบของเรา เราคาดหวังว่าคำตอบจะได้รับการสนับสนุนจากข้อเท็จจริงการอ้างอิงหรือความเชี่ยวชาญ แต่คำถามนี้อาจก่อให้เกิดการถกเถียงโต้แย้งการสำรวจความคิดเห็นหรือการอภิปรายเพิ่มเติม หากคุณรู้สึกว่าคำถามนี้สามารถปรับปรุงได้และอาจเปิดใหม่ได้โปรดไปที่ศูนย์ช่วยเหลือเพื่อรับคำแนะนำ ปิดให้บริการใน7 ปีที่ผ่านมา มีเครื่องมือที่ดีในการสร้างสไปรต์ css หรือไม่? ฉันต้องการให้ไดเรกทอรีของรูปภาพและไฟล์. css ที่มีอยู่ซึ่งอ้างถึงภาพเหล่านั้นและให้สร้างภาพขนาดใหญ่ที่ปรับให้เหมาะสมกับภาพขนาดเล็กทั้งหมดและเปลี่ยนไฟล์. css ของฉันเพื่ออ้างถึงภาพเหล่านั้น อย่างน้อยที่สุดฉันต้องการให้ใช้ไดเรกทอรีของรูปภาพและสร้างสไปรต์ขนาดใหญ่และ. css ที่จำเป็นในการใช้แต่ละภาพเป็นพื้นหลัง มีปลั๊กอิน photoshop ที่ดีหรือแอพพลิเคชั่นที่สามารถทำสิ่งนี้ได้หรือไม่?

126 css  css-sprites  web-performance 

ฉันใช้รูปภาพ 1x1 แบบโปร่งใสกับภาพพื้นหลังเพื่อให้สามารถใช้สไปรต์และยังคงให้ข้อความแสดงแทนสำหรับไอคอนบางตัว ฉันต้องการใช้ URI ข้อมูลสำหรับรูปภาพเพื่อลดจำนวนคำขอ HTTP แต่สตริงที่เล็กที่สุดเท่าที่จะเป็นไปได้ในการสร้างรูปภาพโปร่งใสคืออะไร ฉันรู้ว่าฉันสามารถใช้ data URI: s สำหรับรูปภาพจริงแทนสไปรต์ แต่มันง่ายกว่าที่จะรักษาเมื่อทุกอย่างถูกเก็บไว้ใน CSS แทนที่จะกระจัดกระจายไปทั่ว

125 css  css-sprites