การเขียนโปรแกรม css

4

ดังต่อไปนี้HTMLและCSS .container { position: relative; border: solid 1px red; height: 256px; width: 256px; overflow: auto; } .full-height { position: absolute; top: 0; left: 0; right: 128px; bottom: 0; background: blue; } <div class="container"> <div class="full-height"> </div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด ด้านในdivจะขึ้นเต็มส่วนหัวของภาชนะตามต้องการ ถ้าตอนนี้ฉันเพิ่มอื่น ๆ โฟลว์เนื้อหาลงในคอนเทนเนอร์เช่น: .container { position: relative; border: solid 1px red; …

102 html css

12

ฉันจะบังคับให้เบราว์เซอร์พิมพ์ภาพพื้นหลังใน CSS ได้อย่างไร

คำถามนี้เคยถามมาก่อนแต่วิธีแก้ปัญหาใช้ไม่ได้ในกรณีของฉัน ฉันต้องการตรวจสอบให้แน่ใจว่ามีการพิมพ์ภาพพื้นหลังบางภาพเนื่องจากเป็นส่วนหนึ่งของหน้า (ไม่ใช่รูปภาพโดยตรงในหน้าเว็บเนื่องจากมีหลายภาพที่ใช้เป็น CSS Sprite) วิธีแก้ปัญหาอื่นสำหรับคำถามเดียวกันนี้แนะนำให้ใช้list-style-imageซึ่งใช้ได้เฉพาะเมื่อคุณมีรูปภาพที่แตกต่างกันสำหรับทุกไอคอนเท่านั้นไม่สามารถใช้ CSS Sprite ได้ นอกเหนือจากการสร้างเพจแยกโดยมีไอคอนแบบอินไลน์แล้วยังมีวิธีอื่นอีกหรือไม่?

102 css printing background-image

11

CSS คลาสและคลาสย่อย

เป็นไปได้ไหมนอกจากสิ่งที่ฉันกำลังทำอยู่เพราะดูเหมือนจะไม่ได้ผลที่จะทำเช่นนี้ ฉันต้องการให้มีคลาสย่อยที่อยู่ภายใต้คลาสเพื่อใช้ CSS เฉพาะสำหรับคลาสนั้น ๆ Subclass CSS .area1 { border:1px solid black; } .area1.item { color:red; } .area2 { border:1px solid blue; } .area2.item { color:blue; } HTML <div class="area1"> <table> <tr> <td class="item">Text Text Text</td> <td class="item">Text Text Text</td> </tr> </table> </div> <div class="area2"> <table> <tr> <td class="item">Text Text …

102 css

5

ฉันจะใส่คำใบ้ใน asp: textbox ได้อย่างไร

ฉันจะใส่คำใบ้ / ตัวยึดตำแหน่งใน asp: TextBox ได้อย่างไร เมื่อฉันพูดคำใบ้ฉันหมายถึงข้อความบางส่วนที่จะหายไปเมื่อผู้ใช้คลิกที่ข้อความนั้น มีวิธีในการบรรลุเดียวกันโดยใช้ html / css หรือไม่?

102 asp.net css html placeholder hint

10

วิธียืดภาพพื้นหลังเพื่อเติม div

ฉันต้องการตั้งค่าภาพพื้นหลังเป็น div ต่างๆ แต่ปัญหาของฉันคือ: ขนาดของภาพคงที่ (60px) ขนาดของ div ที่แตกต่างกันไป ฉันจะยืดภาพพื้นหลังให้เต็มพื้นหลังทั้งหมดของ div ได้อย่างไร #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } ตรวจสอบรหัสที่นี่

102 css html background background-image

11

จะใช้กฎ CSS เฉพาะกับ Chrome เท่านั้นได้อย่างไร

มีวิธีใช้ CSS ต่อไปนี้กับเฉพาะdivใน Google Chrome หรือไม่? position:relative; top:-2px;

102 css google-chrome css-hack

10

วิธีสร้างลูกศรแฟนซีโดยใช้ CSS

โอเคทุกคนรู้ว่าคุณสร้างสามเหลี่ยมได้โดยใช้สิ่งนี้: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } และนั่นทำให้เกิดของแข็งที่เต็มไปด้วยสามเหลี่ยม แต่คุณจะสร้างสามเหลี่ยมคล้ายลูกศรกลวงแบบนี้ได้อย่างไร?

102 html css css-shapes

11

ฉันจะกำหนดขนาดของกล่องข้อความ HTML ได้อย่างไร

102 css

2

CSS: จะวางตำแหน่งองค์ประกอบด้านขวาล่างได้อย่างไร?

ฉันกำลังพยายามจัดตำแหน่งองค์ประกอบข้อความ "เดิมพันเมื่อ 5 วันก่อน" ที่มุมล่างขวา ฉันจะทำสิ่งนี้ให้สำเร็จได้อย่างไร? และที่สำคัญกว่านั้นโปรดอธิบายเพื่อให้ฉันสามารถพิชิต CSS ได้!

102 css

17

จะทำให้ลิงก์ <a href= sleepy "> เป็นปุ่มได้อย่างไร?

ฉันมีภาพปุ่มนี้: ฉันสงสัยว่ามันจะเป็นไปได้ไหมที่จะทำให้<a href="">some words</a>ลิงค์ที่เรียบง่ายและมีสไตล์ปรากฏเป็นปุ่มนั้น? ถ้าเป็นไปได้ฉันจะทำอย่างไร?

102 html css

10

วิธีการจัดช่องทำเครื่องหมายในเซลล์ตาราง

เซลล์ไม่มีอะไรเลยนอกจากช่องทำเครื่องหมาย ค่อนข้างกว้างเนื่องจากข้อความในแถวส่วนหัวของตาราง ฉันจะทำเครื่องหมายกลางช่อง (ด้วย CSS แบบอินไลน์ใน HTML ของฉันได้อย่างไร (ฉันรู้)) ฉันเหนื่อย <td> <input type="checkbox" name="myTextEditBox" value="checked" style="margin-left:auto; margin-right:auto;"> </td> แต่ไม่ได้ผล ผมทำอะไรผิดหรือเปล่า? อัปเดต: นี่คือหน้าทดสอบ ใครช่วยแก้ไขด้วย CSS แบบอินไลน์ใน HTML - เพื่อให้ช่องทำเครื่องหมายอยู่กึ่งกลางคอลัมน์ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Alignment test</title> </head> <body> <table style="empty-cells:hide; margin-left:auto; margin-right:auto;" border="1" cellpadding="1" cellspacing="1"> <tr> <th>Search?</th><th>Field</th><th …

102 html css

14

เป็นไปได้ไหมที่จะเปลี่ยนเฉพาะอัลฟาของสีพื้นหลัง rgba บนโฮเวอร์?

ฉันมีชุดของ<a>แท็กที่มีสีพื้นหลัง rgba ต่างกัน แต่เป็นอัลฟ่าเดียวกัน เป็นไปได้ไหมที่จะเขียนสไตล์ css เดียวที่จะเปลี่ยนเฉพาะความทึบของแอตทริบิวต์ rgba ตัวอย่างสั้น ๆ ของรหัส: <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> และรูปแบบต่างๆ a {display: block; position: relative} .brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);} .green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);} สิ่งที่ฉันต้องการจะทำคือเขียนสไตล์เดียวที่จะเปลี่ยนความทึบเมื่อ<a>วางเมาส์เหนือ แต่ให้สีไม่เปลี่ยนแปลง สิ่งที่ต้องการ a:hover .green, a:hover .brown …

102 css hover background-color rgba

30

Font Awesome ไม่แสดงไอคอน

ฉันใช้ Font Awesome และไม่ต้องการเพิ่ม CSS ด้วย HTTP ฉันดาวน์โหลด Font Awesome และรวมไว้ในโค้ดของฉัน แต่ Font Awesome กำลังแสดงกล่องสี่เหลี่ยมที่มีขอบแทนไอคอน นี่คือรหัสของฉัน: <html> <head> <link rel="stylesheet" href="../css/font-awesome.css"> <link rel="stylesheet" href="../css/font-awesome.min.css"> </head> <body> <div style="font-size: 44px;"> <i class="fa fa-camera-retro fa-lg"></i> fa-lg <i class="fa fa-camera-retro fa-2x"></i> fa-2x </div> </body> </html> ฉันต้องการทราบวิธีทำให้ไอคอนแสดงแทนกล่องสี่เหลี่ยมที่มีขอบ

102 html css font-awesome

8

เปลี่ยนตัวเลขให้เป็นการแสดงระดับดาวโดยใช้ jQuery และ CSS

ฉันดูปลั๊กอิน jquery และสงสัยว่าจะปรับปลั๊กอินนั้นอย่างไรเพื่อเปลี่ยนตัวเลข (เช่น 4.8618164) ให้เป็น 4.8618164 ดาวที่เต็มไปด้วย 5 โดยทั่วไปการตีความตัวเลข <5 เป็นดาวที่เต็มไปด้วยระบบการให้คะแนนระดับ 5 ดาวโดยใช้ jQuery / JS / CSS โปรดทราบว่าสิ่งนี้จะแสดง / แสดงการจัดอันดับดาวจากจำนวนที่มีอยู่แล้วเท่านั้นและไม่ยอมรับการส่งการให้คะแนนใหม่

101 javascript jquery css rating

3

คลาสการซ้อน CSS น้อย

ฉันใช้ LESS เพื่อปรับปรุง CSS และกำลังพยายามซ้อนคลาสภายในคลาส มีลำดับชั้นที่ค่อนข้างซับซ้อน แต่ด้วยเหตุผลบางประการการซ้อนของฉันไม่ทำงาน ฉันมีสิ่งนี้: .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } .posted { .my-posted; span { border: none; } } } ฉันไม่สามารถ.g.postedไปทำงานได้ มันแสดงให้เห็นเพียง.gเล็กน้อย ถ้าฉันทำมันก็โอเค: .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); …

101 css nested less

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