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

คุณจะเลือกคนแรกและคนสุดท้ายTDในแถวได้อย่างไร? tr > td[0], tr > td[-1] { /* styles */ }

170 css  css-selectors 

ฉันรู้สึกว่าฉันเห็นวิธีการใช้คุณสมบัติเนื้อหา CSS เพื่อแทรกแท็กตัวแบ่งบรรทัดก่อนองค์ประกอบ เห็นได้ชัดว่านี่ใช้งานไม่ได้: #restart:before { content: '<br/>'; } แต่คุณจะทำอย่างไร

170 css 

Наэтотвопросестьответына Stack Overflow нарусском : Сеткаизадаптивных (ตอบสนอง) квадратов ฉันสงสัยว่าจะทำอย่างไรกับการสร้างเลย์เอาต์ด้วยสี่เหลี่ยมที่ตอบสนองได้ แต่ละช่องจะมีเนื้อหาแนวตั้งและแนวนอน ตัวอย่างที่เฉพาะเจาะจงจะแสดงด้านล่าง ...

170 html  css  responsive-design  grid-layout  aspect-ratio 

ฉันจะป้องกันการแบ่งบรรทัดอัตโนมัติในคอลัมน์ของตาราง (ไม่ใช่เซลล์เดียว) ได้อย่างไร

170 html  css  layout 

ไม่ว่าเนื้อหาจะเป็นอย่างไร เป็นไปได้ที่จะทำเช่นนี้?

170 html  css  responsive 

สิ่งนี้ได้กล่าวถึงทุกบทความเกี่ยวกับเว็บบนมือถือ แต่ไม่มีที่ไหนที่ฉันจะพบคำอธิบายว่าคุณลักษณะนี้วัดได้อย่างไร ทุกคนสามารถอธิบายรายละเอียดคำสั่งเช่นนี้ได้หรือไม่ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { //high resolution images go here }

170 css 

ฉันรู้ว่ามันเป็นไปไม่ได้ที่จะแก้ไขภาพด้วย CSS ซึ่งเป็นเหตุผลว่าทำไมฉันถึงใส่เครื่องหมายคำพูด สิ่งที่ฉันต้องการจะทำคือถ่ายภาพสี่เหลี่ยมและใช้ CSS เพื่อทำให้ปรากฏเป็นรูปสี่เหลี่ยมจัตุรัสโดยไม่บิดเบือนภาพเลย โดยพื้นฐานแล้วฉันอยากจะเปลี่ยนสิ่งนี้: เป็นนี้

170 html  css  image  crop 

ฉันใหม่กับ JQuery ในแอพของฉันฉันมีดังต่อไปนี้: $("#displayPanel div").live("click", function(){ $(this).css({'background-color' : 'pink', 'font-weight' : 'bolder'}); }); เมื่อฉันคลิกที่ Div สีของ Div นั้นจะเปลี่ยนไป ภายในฟังก์ชั่นคลิกฉันมีฟังก์ชั่นที่ต้องทำ หลังจากทั้งหมดที่ฉันต้องการลบ Css ที่ใช้จาก Div ฉันจะทำใน JQuery ได้อย่างไร

169 jquery  css 

เมื่อฉันพยายามใช้position: relative/ position: absoluteบน<th>หรือ<td>ใน Firefox ดูเหมือนว่าจะไม่ทำงาน

169 css  firefox 

มีวิธีการปรับตำแหน่งของ list-style-image หรือไม่? เมื่อฉันใช้ช่องว่างสำหรับรายการในรายการรูปภาพจะยังคงอยู่ที่ตำแหน่งและจะไม่เคลื่อนที่เมื่อมีช่องว่างภายใน ...

169 css  image  html-lists 

ฉันมีแผงที่ฉันมีสีฟ้าถ้าแผงนี้จะถูกเลือก (คลิกที่มัน) นอกจากนี้ฉันเพิ่มสัญญาณขนาดเล็ก ( .pngภาพ) ลงในแผงควบคุมซึ่งระบุว่าแผงที่เลือกได้ถูกเลือกไว้ก่อนหน้า ดังนั้นหากผู้ใช้เห็นตัวอย่าง 10 พาเนลและ 4 ในนั้นมีเครื่องหมายขนาดเล็กนี้เขารู้ว่าเขาได้คลิกบนพาเนลเหล่านั้นมาก่อน ใช้งานได้ดีจนถึงตอนนี้ ปัญหาคือตอนนี้ฉันไม่สามารถแสดงสัญญาณขนาดเล็กและทำให้แผงสีฟ้าในเวลาเดียวกัน ผมตั้งแผงสีฟ้าที่มี CSS และภาพพื้นหลังด้วยbackground: #6DB3F2; background-image: url('images/checked.png')แต่ดูเหมือนว่าสีพื้นหลังจะอยู่เหนือภาพดังนั้นคุณจึงไม่เห็นเครื่องหมาย เป็นไปได้ไหมที่จะตั้งค่าz-indexes สำหรับสีพื้นหลังและภาพพื้นหลัง?

169 css  background  background-image  background-color 

ฉันกำลังมีปัญหากับonmouseoutฟังก์ชั่นใน divitoned แน่นอน เมื่อเมาส์กระทบกับองค์ประกอบลูกใน div เหตุการณ์ mouseout จะเกิดเพลิงไหม้ แต่ฉันไม่ต้องการให้มันยิงจนกว่าเมาส์จะออกจากตัวแม่ div ที่สมบูรณ์ ฉันจะป้องกันไม่ให้mouseoutเหตุการณ์เกิดขึ้นเมื่อมีการเข้าชมองค์ประกอบย่อยโดยไม่มี jQuery ได้อย่างไร ฉันรู้ว่าสิ่งนี้เกี่ยวข้องกับเหตุการณ์เดือดปุด ๆ แต่ฉันไม่มีโชคในการหาวิธีการทำงานออก ฉันพบโพสต์ที่คล้ายกันที่นี่: ฉันจะปิดการใช้งานเหตุการณ์ mouseout ที่ถูกทริกเกอร์โดยองค์ประกอบเด็กได้อย่างไร? อย่างไรก็ตามโซลูชันนั้นใช้ jQuery

169 javascript  css  dom-events  onmouseout 

ฉันไม่เคยพบสิ่งนี้มาก่อนและฉันมีเวลาที่ยากมากในการพยายามหาวิธีแก้ปัญหา เมื่อมีคอลัมน์เท่ากับสื่อใน bootstrap เช่น: <h1 class="text-center">Hello, world!</h1> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> การจัดแนวข้อความทำงานได้ดี: แต่เมื่อสร้างคอลัมน์เท่ากับขนาดเล็กพิเศษเช่น: <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <h1>vicki williams</h1> </div> </div> </div> จากนั้นการจัดแนวข้อความจะไม่ทำงานอีกต่อไป: มีแนวคิด bootstrap บางอย่างที่ฉันไม่เข้าใจหรือเป็นจริงข้อผิดพลาดเช่นฉันคิดว่ามันเป็น ฉันไม่เคยมีปัญหานี้เนื่องจากข้อความของฉันสอดคล้องกับอดีตกับ xs เสมอ ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมอย่างมาก. นี่คือรหัสที่สมบูรณ์ของฉัน: <!DOCTYPE html> <html lang="en"> <head> <!-- …

169 html  css  twitter-bootstrap  twitter-bootstrap-4  text-alignment 

ฉันกำลังออกแบบแอปด้วยอิเล็กตรอนดังนั้นฉันจึงสามารถเข้าถึงตัวแปร CSS ได้ ฉันได้กำหนดตัวแปรสีในvars.css: :root { --color: #f0f0f0; } ฉันต้องการใช้สีนี้main.cssแต่มีการใช้ความทึบบางส่วน: #element { background: (somehow use var(--color) at some opacity); } ฉันจะทำสิ่งนี้ได้อย่างไร ฉันไม่ได้ใช้ตัวประมวลผลล่วงหน้าใด ๆ มีเพียง CSS เท่านั้น ฉันต้องการคำตอบทั้งหมด CSS แต่ฉันจะยอมรับ JavaScript / jQuery ฉันไม่สามารถใช้งานได้opacityเนื่องจากฉันใช้ภาพพื้นหลังที่ไม่ควรโปร่งใส

169 css  colors  css-variables 

ฉันถูกถามคำถามในการสัมภาษณ์ว่า "อะไรคือความแตกต่างระหว่าง CSS height:100%และheight:auto?" มีใครอธิบายได้บ้าง

168 css