Làm thế nào để có được một đường viền mỏng trong qtip với các góc tròn?

Question

tôi cố gắng để có được một biên giới mỏng với các góc tròn cho tip trong qtip, sử dụng:

border: {width: 1, radius: 7, color: "#B8E25E"} 

(Giống như đã giải thích ở đây: http://craigsworks.com/projects/qtip/docs/tutorials#borders)

Nhưng sau đó biên giới là nhận được khá dày, giống như 7 hoặc một cái gì đó. Có cách nào để có được một đường viền mỏng với các góc tròn không?

Answer 1

Tôi cũng gặp vấn đề tương tự - có vẻ như qtip 1.x sẽ không cho phép bạn sử dụng 'bán kính' nhỏ hơn chiều rộng đường viền.

Dường như đây là theo thiết kế và bạn sẽ phải chuyển sang qtip 2 (chưa được phát hành) để làm tròn nó.

Xem this conversation between the developer of qtip and a user:

User: Tôi đã chơi một chút với điều này, và như xa như tôi có thể phát hiện nó không phải là thể sử dụng một border-radius rằng lớn hơn chiều rộng biên giới. Nếu tôi định cấu hình bán kính đường viền có chiều rộng biên giới là , thì hiển thị chiều rộng đường viền là giống như bán kính (thay cho cấu trúc của tôi ).

Nhà phát triển: Thật không may đây là không phải là lỗi hoặc tính năng, chỉ cần một bên hiệu lực của việc triển khai. Có không có kế hoạch triển khai điều này vì phiên bản 1.0 hiện đã bị ngừng hoạt động và công cụ biên giới bị xóa trong bản phát hành 2.0 có lợi cho thuộc tính bán kính tiêu chuẩn.

Answer 2

Từ ngắn thoáng nhìn vào tài liệu đó có vẻ như Bán kính là chiều rộng của đường viền? Vì vậy, biên giới của bạn là 7, có thể thay đổi nó thành {width: 1, radius: 2, color: "# B8E25E"} để có đường viền mỏng hơn?

Answer 3

Từ nhìn vào mã nguồn, tôi thấy điều này trong file docs.css:

#content .subsection{ 
     border-bottom: 3px solid #F1F1F1; 
     margin-bottom: 15px; 
     padding: 5px 0 40px; 
    } 

Hãy thử làm một cái gì đó tương tự như sau và xem những gì sẽ xảy ra. Có thể nói biên giới: 3px rắn # F1F1F1; thay thế.

Dưới đây là phần mà Tôi thấy điều này tại địa chỉ: http://craigsworks.com/projects/qtip/docs/tutorials#borders

Answer 4

Hãy thử điều này nó sẽ giúp bạn ra

.corner { moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }