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

สมมติว่าฉันมี <div class="myDiv">Hi there</div> ฉันต้องการที่จะนำbackground-imageและให้มันopacityของ0.5- แต่ฉันต้องการว่าข้อความที่ผมได้เขียนจะมีความทึบแสงเต็มรูปแบบ ( 1) ถ้าจะเขียน CSS แบบนี้ .myDiv { opacity:0.5 } ทุกอย่างจะมีความทึบต่ำ - และฉันไม่ต้องการอย่างนั้น คำถามของฉันคือ - ฉันจะรับภาพพื้นหลังที่มีความทึบต่ำพร้อมข้อความทึบแสงได้อย่างไร?

89 html  css  background  background-image 

ฉันมีปัญหาที่แปลกประหลาดและน่าหงุดหงิด สำหรับมาร์กอัปอย่างง่าย: <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> ฉันใช้ค่าสีพื้นหลังที่แตกต่างกันกับองค์ประกอบthead , trและtrคี่ ปัญหาคือในเบราว์เซอร์ส่วนใหญ่ทุกเซลล์จะมีเส้นขอบที่ไม่ต้องการซึ่งไม่ใช่สีของแถวตาราง เฉพาะใน Firefox 3.5 เท่านั้นที่ตารางจะไม่มีเส้นขอบในเซลล์ใด ๆ ฉันต้องการทราบวิธีลบเส้นขอบเหล่านี้ในเบราว์เซอร์หลักอื่น ๆ เพื่อให้สิ่งเดียวที่คุณเห็นในตารางคือสีของแถวที่สลับกัน

89 html  css  html-table 

สมมติว่าฉันมีสอง div ติดกัน (ใช้https://chrome.google.com/webstore/category/homeเป็นข้อมูลอ้างอิง) โดยมีเส้นขอบ มีวิธี (โดยเฉพาะอย่างยิ่งเคล็ดลับ CSS) เพื่อป้องกันไม่ให้ div ของฉันปรากฏเหมือนมีเส้นขอบสองชั้นหรือไม่? ดูภาพนี้เพื่อทำความเข้าใจว่าฉันหมายถึงอะไร: คุณจะเห็นว่าจุดที่ทั้งสองมาบรรจบกันดูเหมือนว่ามีเส้นขอบสองชั้น

89 css 

ฉันจะใช้ผลเลื่อนบนaองค์ประกอบ แต่ไม่ได้ไปยังaองค์ประกอบกับการเรียนactive? a:hover(not: .active) ดูเหมือนว่ามีบางอย่างหายไป

89 html  css  css-selectors 

สิ่งที่ไม่-webkit-transform: translate3d(0,0,0); ว่าจะทำอย่างไร มีปัญหาด้านประสิทธิภาพหรือไม่? ฉันควรใช้กับร่างกายหรือองค์ประกอบแต่ละอย่าง? ดูเหมือนว่าจะปรับปรุงเหตุการณ์การเลื่อนอย่างมาก ขอบคุณสำหรับบทเรียน!

89 html  css  webkit 

ฉันเพียงแค่การเริ่มต้นในการพัฒนาเว็บไซต์ ทั้งหมดที่ฉันมีในขณะนี้คือหน้าแบบ HTMLได้รับการสนับสนุนโดยคู่ของstylesheets CSS ฉันสามารถสร้างไฟล์ WAR จากหน้า HTML และ CSS ได้หรือไม่ ฉันจะปรับใช้กับเซิร์ฟเวอร์ Tomcat ได้อย่างไร ขอบคุณ.

89 html  css  tomcat  web-deployment-project 

เพื่อนของฉันบอกว่าการใช้<div style=""></div>แทนการบีบอัดไฟล์ css ที่วางไว้link hrefที่ส่วนหัวช่วยเพิ่มประสิทธิภาพ เป็นเช่นนั้นจริงหรือ?

89 css  performance  inline-styles 

แอปพลิเคชันของฉันทำงานได้ไม่ดีกับ slideDown และ slideUp ของ jQuery ฉันต้องการใช้ CSS3 ที่เทียบเท่าในเบราว์เซอร์ที่รองรับ เป็นไปได้ไหมโดยใช้การเปลี่ยน CSS3 เพื่อเปลี่ยนองค์ประกอบจากdisplay: none;ไปเป็นdisplay: block;ในขณะที่เลื่อนรายการลงหรือขึ้น

89 jquery  css  animation 

ฉันกำลังพยายามสร้างกำแพงรูปภาพที่ประกอบด้วยภาพถ่ายผลิตภัณฑ์ น่าเสียดายที่ทั้งหมดมีความสูงและความกว้างต่างกัน ฉันจะใช้ css เพื่อทำให้ภาพทั้งหมดมีขนาดเท่ากันได้อย่างไร โดยเฉพาะอย่างยิ่ง 100 x 100 ฉันกำลังคิดว่าจะสร้าง div ที่มีความสูงและความกว้าง 100px จากนั้นจะเติมมันอย่างไร ไม่แน่ใจว่าจะทำอย่างไร ฉันจะทำสิ่งนี้ให้สำเร็จได้อย่างไร?

89 html  image  css  resize 

ฉันสงสัยว่าเป็นไปได้อย่างไรที่จะแสดงแถบแนวตั้งของ div อย่างถาวร (เป็นสีเทาหากไม่มีการเลื่อน) คล้ายกับแถบปกติของเรา โดยทั่วไปฉันกำลังพยายามวางเว็บไซต์ทั้งหมดใน div (เช่น gmail / facebook) ดังนั้นหากหน้าเว็บมีความยาวไม่เพียงพอทั้งหน้าจะเลื่อนเนื่องจากไม่มีแถบเลื่อนแนวตั้ง ฉันต้องการวิธีแก้ปัญหานี้ ฉันลอง overflow-y: scroll แต่ดูเหมือนจะไม่ได้ผลเลย

89 html  css 

ผมเข้าใจว่าแบบอักษรไอคอนเป็นเพียงตัวอักษรและการที่คุณจะได้รับไอคอนโดยเพียงแค่การเรียกชื่อคลาสของพวกเขา แต่วิธีการทำไอคอนการทำงานแบบอักษร? ฉันได้ลองตรวจสอบทรัพยากรแบบอักษรไอคอนที่เกี่ยวข้องที่โหลดใน Chrome เพื่อดูว่าแบบอักษรของไอคอนแสดงไอคอนอย่างไร (เมื่อเทียบกับแบบอักษรทั่วไป) แต่ฉันไม่สามารถทราบได้ว่าเกิดอะไรขึ้น ฉันยังไม่ประสบความสำเร็จในการค้นหาแหล่งข้อมูลเกี่ยวกับวิธีการทำ "เทคนิคแบบอักษรไอคอน" นี้แม้ว่าจะมีแบบอักษรไอคอนมากมายให้ใช้งานก็ตาม นอกจากนี้ยังมีแหล่งข้อมูลมากมายที่แสดงให้เห็นว่าสามารถรวมฟอนต์ไอคอนได้ อย่างไร แต่ดูเหมือนจะไม่มีใครแบ่งปันหรือเขียนเกี่ยวกับวิธีการทำเช่นนี้!

89 css  web  fonts  icons  icon-fonts 

ฉันต้องการลบเรืองแสงสีน้ำเงินของกล่องข้อความและเส้นขอบ แต่ฉันไม่รู้ว่าจะแทนที่ js หรือ css ของมันอย่างไรให้เลือกที่นี่ แก้ไข 1 ฉันต้องการทำสิ่งนี้เพราะฉันใช้ปลั๊กอิน jquery Tag-itและฉันใช้ twitter bootstrap ด้วยปลั๊กอินจะใช้ textField ที่ซ่อนอยู่เพื่อเพิ่มแท็ก แต่เมื่อฉันใช้ twitter bootstrap มันจะปรากฏเป็นกล่องข้อความที่มีเรืองแสงภายใน a textbox ซึ่งแปลกไปหน่อย

88 javascript  jquery  html  css  twitter-bootstrap 

ฉันมีปัญหาในการวางตำแหน่งกับองค์ประกอบบางอย่างเมื่อตรวจสอบเครื่องมือสำหรับนักพัฒนา IE8 มันแสดงให้ฉันเห็นสิ่งนี้: ตอนนี้ฉันค่อนข้างแน่ใจว่าปัญหาของฉันคือ 12 ออฟเซ็ต แต่ฉันจะลบมันได้อย่างไร ฉันไม่พบการกล่าวถึงคุณสมบัติออฟเซ็ต CSS เราต้องการ Offset นอกเหนือจาก margin หรือไม่? นี่คือรหัสที่สร้างสิ่งนี้: <div id="wahoo" style="border: solid 1px black; height:100px;"> <asp:TextBox ID="inputBox" runat="server" /> <input id="btnDropDown" type="button" style="width:26px; height:26px; background-position: center center; border-left-color: buttonface; background-image: url(Images/WebResource.gif); border-bottom-color: buttonface; border-top-color: buttonface; background-repeat: no-repeat; border-right-color: buttonface;" tabindex="99" /> <div id="ListboxWrapper" …

88 html  css  internet-explorer  user-interface 

ฉันสงสัยว่ามีวิธีเปลี่ยนสีของสัญลักษณ์แสดงหัวข้อย่อยในรายการหรือไม่ ฉันมีรายการดังนี้: <ul> <li>House</li> <li>Car</li> <li>Garden</li> </ul> เป็นไปไม่ได้ที่ฉันจะใส่อะไรลงไปในตัว li เช่น 'span' og a 'p' ดังนั้นฉันสามารถเปลี่ยนสีของสัญลักษณ์แสดงหัวข้อย่อย แต่ไม่ใช่ข้อความด้วยวิธีที่ชาญฉลาดได้หรือไม่?

88 html  css 

ปัญหาเดียวของฉันคือทำให้พวกมันเรียงกันเป็นสามเส้นและมีระยะห่างเท่ากัน เห็นได้ชัดว่า Spans ต้องไม่มี width และ div (และ spans with display: block) จะไม่ปรากฏในแนวนอนติดกัน ข้อเสนอแนะ? <div style='width:30%; text-align:center; float:left; clear:both;'> คือสิ่งที่ฉันมีอยู่ตอนนี้

88 css  html